coles-solid-library 0.5.0 → 0.5.1

package/USAGE.html

@@ -122,6 +122,20 @@ pnpm add coles-solid-library solid-js sass
 cd my-app
 </code></pre>
 
+    <h3 id="vite-setup">Vite setup</h3>
+    <p>Add the bundled <code>coles-solid-library/vite</code> plugin to your <code>vite.config</code> (next to <code>vite-plugin-solid</code>). It supplies the bundler tuning this library needs so you don't hand-maintain it: a single <code>solid-js</code> instance (<code>resolve.dedupe</code>) and dev pre-bundling of the library and its icon barrels (<code>optimizeDeps.include</code>).</p>
+    <pre><code>import { defineConfig } from 'vite';
+import solid from 'vite-plugin-solid';
+import colesSolidLibrary from 'coles-solid-library/vite';
+
+export default defineConfig({
+  plugins: [solid(), colesSolidLibrary()],
+});
+</code></pre>
+    <p>This replaces any hand-written <code>optimizeDeps.include</code> / <code>resolve.dedupe</code> blocks for the library, and complements — does not replace — <code>vite-plugin-solid</code> (still required to compile Solid JSX).</p>
+    <p><strong>Icon variants.</strong> The plugin defaults to pre-bundling only the <code>outlined</code> barrel (the default <code>coles-solid-library/icons</code> export). If you import the <code>rounded</code> or <code>sharp</code> variants, list them: <code>colesSolidLibrary({ iconVariants: ['outlined', 'rounded'] })</code>.</p>
+    <p><strong>Dev vs. production.</strong> In dev, pre-bundling collapses each icon barrel into one browser-cached chunk so the dev server loads it once instead of raw-serving thousands of individual icon modules. The dev chunk is the <em>full</em> barrel (esbuild can't tree-shake a pre-bundle entry against your usage), so list only the variants you use to keep the dev cache lean. This is dev-cache only and is never shipped — your production build tree-shakes down to only the icons you actually import.</p>
+
     <h2 id="theming">2. Theming</h2>
     <ol>
       <li>At the top of your global stylesheet (e.g. <code>src/index.scss</code>):
@@ -144,7 +158,8 @@ addTheme('dark'); // or 'light'
       <div class="card"><h3>Snackbar</h3><pre><code>import { Snackbar } from '...';</code></pre></div>
       <div class="card"><h3>Container / Body</h3><pre><code>import { Container, Body } from '...';</code></pre></div>
       <div class="card"><h3>Icons</h3><pre><code>import { Icon } from '...';
-&lt;Icon name="camera" /&gt;</code></pre></div>
+import { Camera } from 'coles-solid-library/icons';
+&lt;Icon icon={Camera} /&gt;</code></pre></div>
   <div class="card"><h3>ExpansionPanel / Modal</h3><pre><code>import { ExpansionPanel, Modal } from 'coles-solid-library';</code></pre></div>
     </div>
 
@@ -365,22 +380,15 @@ let anchor!: HTMLButtonElement;
     </table>
 
   <h3 id="icon">4.14 Icon</h3>
-  <pre><code>// Dynamic name (any runtime string) — backed by a lazy, per-variant registry:
-&lt;Icon name="camera" size="large" variant="rounded" color="#fff" /&gt;
-&lt;Icon&gt;camera&lt;/Icon&gt;                       // name as a text-node child (alias for name=)
-
-// Tree-shakeable static import — only the icons you import are bundled:
+  <pre><code>// Tree-shakeable static import — only the icons you import are bundled:
 import { Home } from 'coles-solid-library/icons';          // outlined (default)
 import { Settings } from 'coles-solid-library/icons/rounded';
 &lt;Icon icon={Home} size="large" color="#fff" /&gt;</code></pre>
-  <p>Re-colors via <code>currentColor</code>; set inline <code>color</code> or inherit from parent. Two ways to pick an icon:
-  <code>name</code> (or a text-node child) resolves <em>any</em> Material Symbols name at runtime via a code-split registry that loads on demand — fully dynamic but not tree-shakeable.
-  <code>icon</code> takes a statically-imported SVG from <code>coles-solid-library/icons</code> (or <code>/icons/rounded</code>, <code>/icons/sharp</code>) so bundlers drop every icon you don't use. Both work in any bundler. An unknown name warns and renders nothing (it does not throw).</p>
+  <p>Re-colors via <code>currentColor</code>; set inline <code>color</code> or inherit from parent.
+  Pick an icon by importing it from <code>coles-solid-library/icons</code> (or <code>/icons/rounded</code>, <code>/icons/sharp</code>) and passing it to <code>icon</code>. Because each icon is a separate statically-imported module, bundlers drop every icon you don't use — and nothing dynamic is emitted, so PWA service workers won't try to precache the whole icon set. (There is no runtime <code>name=</code> lookup: it required a registry enumerating every icon, which defeated tree-shaking and broke service-worker precaching.)</p>
     <table class="api"><tr><th>Prop</th><th>Type</th><th>Description</th><th>Default</th></tr>
-      <tr><td>name</td><td><code>string</code></td><td>Material symbol name (runtime). Also settable as a text-node child.</td><td>n/a</td></tr>
-      <tr><td>icon</td><td><code>string</code></td><td>Pre-imported SVG from <code>coles-solid-library/icons</code> (tree-shakeable). Wins over <code>name</code>.</td><td>n/a</td></tr>
+      <tr><td>icon</td><td><code>string</code></td><td>Pre-imported SVG from <code>coles-solid-library/icons</code> (tree-shakeable).</td><td>n/a</td></tr>
       <tr><td>size</td><td><code>number | 'small' | 'medium' | 'large'</code></td><td>Pixel size or preset.</td><td>24</td></tr>
-      <tr><td>variant</td><td><code>'outlined' | 'rounded' | 'sharp'</code></td><td>Icon style folder (ignored when <code>icon</code> is supplied).</td><td>'outlined'</td></tr>
       <tr><td>color</td><td><code>string</code></td><td>CSS color (maps to <code>fill</code> via currentColor).</td><td><code>currentColor</code></td></tr>
       <tr><td>onClick/onPointerDown</td><td><code>fn</code></td><td>Interaction handlers.</td><td>-</td></tr>
     </table>

package/dist/__tests__/Body.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Button.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Button.coverage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Button.extra.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Carosel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Chip.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Chip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Chipbar.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Chipbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Container.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/CoreComponents.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Expansion.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/ExpansionPanel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Form.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Form.submit.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormArray.externalMutation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormArray.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormBridgeRecursion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormDependencyRegression.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormEnhancements.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormField.resetAndClear.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormFieldDirtyOnFocus.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormFieldDirtyState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormFieldExtra.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormFieldProgrammaticSet.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormGroup.additionalGaps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormGroup.gaps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormGroupAccessors.integration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormGroupAccessors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/FormReactiveUpdate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/InputV2EdgeCases.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/LegacyInputDirty.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Menu.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/MenuDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/MenuItem.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Modal.additional.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Modal.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/RadioGroup.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.formField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.mobile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.optionEdge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Snackbar.additional.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Snackbar.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Snackbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TabBar.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TabBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.additional.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.dropHeaderAttr.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.dropdownAdvanced.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.extra.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.nullCells.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TableV2.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/TextArea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/Validators.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/globalWindowManager.performance.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/globalWindowManager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/helpers/renderWithTheme.d.ts

@@ -0,0 +1,106 @@
+import { JSX } from 'solid-js';
+export declare function renderWithTheme(ui: () => JSX.Element): {
+    getByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByText<T>>;
+    getAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    queryByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByText<T>>;
+    queryAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    findByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByText<T>>;
+    findAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByText<T>>;
+    getByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByText<T>>;
+    getAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    queryByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByText<T>>;
+    queryAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    findByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByText<T>>;
+    findAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByText<T>>;
+    getByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined): ReturnType<import("@testing-library/dom").GetByRole<T>>;
+    getAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined): ReturnType<import("@testing-library/dom").AllByRole<T>>;
+    queryByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined): ReturnType<import("@testing-library/dom").QueryByRole<T>>;
+    queryAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined): ReturnType<import("@testing-library/dom").AllByRole<T>>;
+    findByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByRole<T>>;
+    findAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByRole<T>>;
+    getByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+} & {
+    getByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+} & {
+    asFragment: () => string;
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: HTMLElement | HTMLElement[], maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
+    unmount: () => void;
+};

package/dist/__tests__/injectStyles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/tools.advanced.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/tools.clone.edge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/tools.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/useClickOutside.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/useDirectFormBinding.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { Component, JSX } from "solid-js";
-import { ThemeVariables } from "../..";
+import type { ThemeVariables } from "../Container/container";
 /**
  * Library Button
  *  - Accepts theme + optional borderTheme variant ("none" disables border styling)

package/dist/components/Button/Button.js

@@ -0,0 +1,2 @@
+import{use as r,spread as e,mergeProps as t,insert as a,template as n}from"solid-js/web";import{splitProps as o,createMemo as s}from"solid-js";import c from"./Button.module.scss.js";var u=n("<button>");const d=n=>{const[d,i]=o(n,["theme","transparent","borderTheme"]),m=s(()=>"transparent"in n&&!1!==n.transparent?c.transparent:"");return b=u(),r(r=>{n?.ref?.(r)},b),e(b,t(i,{get type(){return n.type??"button"},get class(){return`${c?.[d?.theme??"container"]??""} ${c?.[(r=>{switch(r){case"primary":return"borderPrimary";case"primaryVariant":return"borderPrimaryVariant";case"secondary":return"borderSecondary";case"secondaryVariant":return"borderSecondaryVariant";case"surface":return"borderSurface";case"surfaceVariant":return"borderSurfaceVariant";case"background":return"borderBackground";case"container":return"borderContainer";case"error":return"borderError";default:return"none"}})(d?.borderTheme??"none")]??""} ${c?.customButtonStyle} ${m()} ${n?.class??""}`}}),!1,!0),a(b,()=>n.children),b;var b};export{d as Button,d as default};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["\nimport { Component, createMemo, JSX, splitProps } from \"solid-js\";\n// Using CSS module for deterministic class name mapping in tests\n// @ts-ignore - SCSS modules typing not declared\nimport style from \"./Button.module.scss\"; \nimport type { ThemeVariables } from \"../Container/container\";\n// import { useMenuContext } from \"../Menu/menuContext\"; // Removed unused import\n\n/**\n * Library Button\n *  - Accepts theme + optional borderTheme variant (\"none\" disables border styling)\n *  - \"transparent\" acts as a boolean presence prop (transparent={false} disables when explicitly false)\n *  - Forwards all other native button props & ref\n */\ninterface Props extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Apply transparent styling (presence = on; set false to force off) */\n  transparent?: boolean;\n  theme?: Exclude<ThemeVariables, \"header\" | \"subheader\">;\n  borderTheme?: Exclude<ThemeVariables, \"header\" | \"subheader\"> | \"none\";\n}\n\n// Map theme -> border theme class key (kept as function to avoid changing test expectations around call order)\nconst getBorderThemeName = (theme: Exclude<ThemeVariables, \"header\" | \"subheader\"> | \"none\") => {\n  switch (theme) {\n    case \"primary\": return \"borderPrimary\";\n    case \"primaryVariant\": return \"borderPrimaryVariant\";\n    case \"secondary\": return \"borderSecondary\";\n    case \"secondaryVariant\": return \"borderSecondaryVariant\";\n    case \"surface\": return \"borderSurface\";\n    case \"surfaceVariant\": return \"borderSurfaceVariant\";\n    case \"background\": return \"borderBackground\";\n    case \"container\": return \"borderContainer\";\n    case \"error\": return \"borderError\";\n    default: return \"none\";\n  }\n};\n\nconst Button: Component<Props> = (props) => {\n  const [local, others] = splitProps(props, [\"theme\", \"transparent\", \"borderTheme\"]);\n  /** Apply the transparent variant (presence of prop enables; set to false to force off) */\n  const isTransparent = () => (\"transparent\" in props && props.transparent !== false);\n  const transparent = createMemo(() => isTransparent() ? style.transparent : \"\");\n  // Provide a default type to avoid implicit \"submit\" in forms when not specified\n  const explicitType = () => (props.type ?? 'button');\n\n  return (\n    <button\n      {...others}\n      type={explicitType()}\n      ref={(ref) => {\n        // @ts-ignore\n        props?.ref?.(ref);\n      }}\n  class={`${style?.[local?.theme ?? \"container\"] ?? ''} ${style?.[getBorderThemeName(local?.borderTheme ?? 'none')] ?? ''} ${style?.customButtonStyle ?? ''} ${transparent()} ${props?.class ?? \"\"}`}\n    >\n      {props.children}\n    </button>\n  )\n}\nexport { Button };\nexport default Button;"],"names":["Button","props","local","others","splitProps","transparent","createMemo","style","_el$","_tmpl$","_$use","ref","_$spread","_$mergeProps","type","theme","getBorderThemeName","borderTheme","customButtonStyle","class","_$insert","children"],"mappings":"0MAsBA,MAeMA,EAA4BC,IAChC,MAAOC,EAAOC,GAAUC,EAAWH,EAAO,CAAC,QAAS,cAAe,gBAG7DI,EAAcC,EAAW,IADF,gBAAiBL,IAA+B,IAAtBA,EAAMI,YACNE,EAAMF,YAAc,IAI3E,OAAAG,EAAAC,IAAAC,EAIUC,IAEJV,GAAOU,MAAMA,IACdH,GAAAI,EAAAJ,EAAAK,EALGV,EAAM,CAAA,QACVW,GAAI,OALoBb,EAAMa,MAAQ,QAKlB,EAAA,SAAA,GAAA,MAKjB,GAAGP,IAAQL,GAAOa,OAAS,cAAgB,MAAMR,IA/B9BQ,KAC1B,OAAQA,GACN,IAAK,UAAW,MAAO,gBACvB,IAAK,iBAAkB,MAAO,uBAC9B,IAAK,YAAa,MAAO,kBACzB,IAAK,mBAAoB,MAAO,yBAChC,IAAK,UAAW,MAAO,gBACvB,IAAK,iBAAkB,MAAO,uBAC9B,IAAK,aAAc,MAAO,mBAC1B,IAAK,YAAa,MAAO,kBACzB,IAAK,QAAS,MAAO,cACrB,QAAS,MAAO,SAoB8CC,CAAmBd,GAAOe,aAAe,UAAY,MAAMV,GAAOW,qBAA2Bb,OAAiBJ,GAAOkB,OAAS,IAAI,KAAA,GAAA,GAAAC,EAAAZ,EAAA,IAE7LP,EAAMoB,UAAQb,EAVnB,IAAAA"}

package/dist/components/Button/Button.module.scss.js

@@ -0,0 +1,2 @@
+import o from"../../styleInject.js";var r={customButtonStyle:"Button-module_customButtonStyle__RCNcn",primary:"Button-module_primary__st6yY",primaryVariant:"Button-module_primaryVariant__ObiQc",secondary:"Button-module_secondary__j-3rj",secondaryVariant:"Button-module_secondaryVariant__xFdCV",background:"Button-module_background__ebjke",surface:"Button-module_surface__wzdJD",surfaceVariant:"Button-module_surfaceVariant__SkL3X",container:"Button-module_container__0j8md",error:"Button-module_error__1zBsf",borderPrimary:"Button-module_borderPrimary__k5fYt",borderPrimaryVariant:"Button-module_borderPrimaryVariant__-uFUm",borderSecondary:"Button-module_borderSecondary__hzoGk",borderSecondaryVariant:"Button-module_borderSecondaryVariant__-75Li",borderBackground:"Button-module_borderBackground__Uyf-G",borderSurface:"Button-module_borderSurface__q9bRE",borderSurfaceVariant:"Button-module_borderSurfaceVariant__ZHVd0",borderContainer:"Button-module_borderContainer__mXwj-",borderError:"Button-module_borderError__IChtd",none:"Button-module_none__YrUD1",transparent:"Button-module_transparent__6v0QA"};o('.Button-module_customButtonStyle__RCNcn {\n  border-radius: 8px;\n  font-family: "Roboto, sans-serif";\n  padding: 8px 8px;\n  border: none;\n  outline: none;\n  transition: transform 0.2s ease, background 0.2s ease;\n}\n.Button-module_customButtonStyle__RCNcn:active {\n  transform: scale(0.9);\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);\n}\n.Button-module_customButtonStyle__RCNcn:not(:disabled):hover {\n  cursor: pointer;\n  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);\n}\n.Button-module_customButtonStyle__RCNcn:disabled {\n  opacity: 0.6;\n}\n.Button-module_customButtonStyle__RCNcn:disabled:hover {\n  cursor: not-allowed;\n}\n\n.Button-module_primary__st6yY {\n  background-color: var(--primary-color, #4CAF50);\n  color: var(--on-primary-color, #fff);\n}\n\n.Button-module_primaryVariant__ObiQc {\n  background-color: var(--primary-color-varient, #43A047);\n  color: var(--on-primary-color, #fff);\n}\n\n.Button-module_secondary__j-3rj {\n  background-color: var(--secondary-color, #14b9c3);\n  color: var(--on-secondary-color, #000000);\n}\n\n.Button-module_secondaryVariant__xFdCV {\n  background-color: var(--secondary-color-varient, #0b969f);\n  color: var(--on-secondary-color, #000000);\n}\n\n.Button-module_background__ebjke {\n  background-color: var(--background-color, #ffffff);\n  color: var(--on-background-color, #000000);\n}\n\n.Button-module_surface__wzdJD {\n  background-color: var(--surface-color, #EEEEEE);\n  color: var(--on-surface-color, #000000);\n}\n\n.Button-module_surfaceVariant__SkL3X {\n  background-color: var(--surface-color-variant, #ccc);\n  color: var(--on-surface-color, #000000);\n}\n\n.Button-module_container__0j8md {\n  background-color: var(--container-color, #ffffff);\n  color: var(--on-container-color, #000);\n}\n\n.Button-module_error__1zBsf {\n  background-color: var(--error-color, #B00020);\n  color: var(--on-error-color, #ffffff);\n}\n\n.Button-module_borderPrimary__k5fYt {\n  border: 1px solid var(--primary-color, #4CAF50);\n}\n\n.Button-module_borderPrimaryVariant__-uFUm {\n  border: 1px solid var(--primary-color-varient, #43A047);\n}\n\n.Button-module_borderSecondary__hzoGk {\n  border: 1px solid var(--secondary-color, #14b9c3);\n}\n\n.Button-module_borderSecondaryVariant__-75Li {\n  border: 1px solid var(--secondary-color-varient, #0b969f);\n}\n\n.Button-module_borderBackground__Uyf-G {\n  border: 1px solid var(--background-color, #ffffff);\n}\n\n.Button-module_borderSurface__q9bRE {\n  border: 1px solid var(--surface-color, #EEEEEE);\n}\n\n.Button-module_borderSurfaceVariant__ZHVd0 {\n  border: 1px solid var(--surface-color-variant, #ccc);\n}\n\n.Button-module_borderContainer__mXwj- {\n  border: 1px solid var(--container-color, #ffffff);\n}\n\n.Button-module_borderError__IChtd {\n  border: 1px solid var(--error-color, #B00020);\n}\n\n.Button-module_none__YrUD1 {\n  border: none;\n}\n\n.Button-module_transparent__6v0QA {\n  background-color: transparent !important;\n  border: none;\n  outline: none;\n  padding: 0px;\n  margin: 0px;\n}');export{r as default};
+//# sourceMappingURL=Button.module.scss.js.map

package/dist/components/Button/Button.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Carosel/Carosel.js

@@ -0,0 +1,2 @@
+import{insert as e,effect as r,createComponent as n,use as t,className as l,template as i}from"solid-js/web";import{createContext as d,createSignal as u,splitProps as s,useContext as c,createMemo as o,Show as a}from"solid-js";import m from"./Carosel.module.scss.js";import{Button as h}from"../Button/Button.js";var v=i("<div>No <!> Found"),g=i("<div>No Elements Found"),y=i("<div>"),x=i("<div><div><div></div></div><div>");const b=d(u([])),f=e=>n(b.Provider,{get value(){return e.value??u([])},get children(){return e.children}}),j=({startingIndex:i=0,...d})=>{const[j,k]=u(i),[I,$]=s(d,["currentIndex"]),[,F]=u(null),N=e=>{I.currentIndex?I.currentIndex[1](e):k(e)},[O]=c(b),S=o(()=>{if(Object.keys(d).includes("elements"))return d.elements.length;const e=d;return Array.isArray(e.children)?e.children.length:1}),A=o(()=>{if(Object.keys(d).includes("elements"))return d.elements;const e=d;return Array.isArray(e.children)?e.children:[e.children]}),C=o(()=>I.currentIndex?I.currentIndex[0]():j()),p=o(()=>Object.keys(d).includes("elements")&&S()>0?A()[C()]?.name:Object.keys(d).includes("children")&&S()>0?O()[C()]:d.notFoundName?`No ${d.notFoundName} Found`:"No Elements Found"),B=o(()=>{if(Object.keys(d).includes("elements")&&S()>0)return A()[C()]?.element;if(Object.keys(d).includes("children")&&S()>0){const e=d.children;if(Array.isArray(e))return e[C()]}return d.notFoundName?(r=v(),(n=r.firstChild.nextSibling).nextSibling,e(r,()=>d.notFoundName,n),r):g();var r,n}),w=()=>{const e=C()!==S()-1?C()+1:0;N(e)},E=()=>{const e=0!==C()?C()-1:S()-1;N(e)};return r(()=>{I.currentIndex&&j()!==I.currentIndex[0]()&&k(I.currentIndex[0]())}),n(f,{get value(){return u([])},get children(){var i=x(),u=i.firstChild,s=u.firstChild,c=u.nextSibling;return e(u,n(h,{get class(){return`${m.carouselButton}`},onClick:E,children:"❮"}),s),t(F,s),e(s,n(a,{get when(){return Object.keys(d).includes("elements")},get children(){var n=y();return e(n,p),r(()=>l(n,`${m.carouselSlide}`)),n}}),null),e(s,n(a,{get when(){return Object.keys(d).includes("children")},get children(){var n=y();return e(n,p),r(()=>l(n,`${m.carouselSlide}`)),n}}),null),e(u,n(h,{get class(){return`${m.carouselButton}`},onClick:w,children:"❯"}),null),e(c,B),r(e=>{var r=`${m.carousel}`,n=`${m.carouselHeader}`,t=`${m.carouselSlides}`,d=`${m.carouselSlide}`;return r!==e.e&&l(i,e.e=r),n!==e.t&&l(u,e.t=n),t!==e.a&&l(s,e.a=t),d!==e.o&&l(c,e.o=d),e},{e:void 0,t:void 0,a:void 0,o:void 0}),i}})};export{j as Carousel,b as carouselTitleContext};
+//# sourceMappingURL=Carosel.js.map

package/dist/components/Carosel/Carosel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carosel.js","sources":["../../../src/components/Carosel/Carosel.tsx"],"sourcesContent":["import { Accessor, Component, createContext, createMemo, createSignal, For, JSX, Setter, Show, splitProps, useContext } from \"solid-js\";\n// @ts-ignore\nimport style from \"./Carosel.module.scss\";\nimport Button from \"../Button/Button\";\nimport { effect } from \"solid-js/web\";\nexport interface ProviderProps<T> {\n  children: JSX.Element;\n  value?: T;\n}\nexport const carouselTitleContext = createContext<[Accessor<string[]>, Setter<string[]>]>(createSignal<string[]>([]));\nconst Provider: Component<ProviderProps<[Accessor<string[]>, Setter<string[]>]>> = ((props) => {\n  return <carouselTitleContext.Provider value={props.value ?? createSignal<string[]>([])}>{props.children}</carouselTitleContext.Provider>;\n});\n\nexport interface CarouselElement {\n  name: string;\n  element: JSX.Element;\n}\ninterface CarouselProps {\n  elements: CarouselElement[];\n  startingIndex?: number;\n  notFoundName?: string;\n  currentIndex?: [Accessor<number>, Setter<number>];\n}\n\ninterface CaroselSlideProps {\n  startingIndex?: number;\n  currentIndex?: [Accessor<number>, Setter<number>];\n  notFoundName?: string;\n  children: JSX.Element | JSX.Element[];\n}\n  \nconst Carousel: Component<CarouselProps | CaroselSlideProps> = ({startingIndex = 0, ...props}) => {\n  // ----- Signals -----\n  const [internalIndex, setInternalIndex] = createSignal(startingIndex);\n  const [propIndex, other] = splitProps(props, [\"currentIndex\"]);\n  const [, setCarouselBodyRef] = createSignal<HTMLElement | null>(null);\n  // Unified read/write for controlled vs uncontrolled usage\n  const getPropIndex = () => propIndex.currentIndex ? propIndex.currentIndex[0]() : internalIndex();\n  const setPropIndex = (index: number) => {\n    if (propIndex.currentIndex) {\n      propIndex.currentIndex[1](index);\n    } else {\n      setInternalIndex(index);\n    }\n  };\n  const [currSlideName, ] = useContext(carouselTitleContext);\n  // ----- Memoized Values -----\n  const getElementsLength = createMemo(() => {\n    if (Object.keys(props).includes('elements')) {\n      return (props as CarouselProps).elements.length;\n    }\n\n    const theProps = props as CaroselSlideProps;\n    if (Array.isArray(theProps.children)) {\n      return theProps.children.length;\n    } else {\n      return 1;\n    }\n  });\n  const getElementsArray = createMemo(() => {\n    if (Object.keys(props).includes('elements')) {\n      return (props as CarouselProps).elements;\n    }\n\n    const theProps = props as CaroselSlideProps;\n    if (Array.isArray(theProps.children)) {\n      return theProps.children;\n    } else {\n      return [theProps.children];\n    }\n  }); \n  // The active index should always come from external control if provided\n  const currentIndex = createMemo(() => getPropIndex());\n  const slideName = createMemo(()=>{\n    if (Object.keys(props).includes('elements') && getElementsLength() > 0) {\n      return (getElementsArray()[currentIndex()] as CarouselElement)?.name;\n    } else if (Object.keys(props).includes('children') && getElementsLength() > 0) {\n      return currSlideName()[currentIndex()];\n    }\n    return props.notFoundName ? `No ${props.notFoundName} Found` : \"No Elements Found\";\n  });\n  const slideElement = createMemo(()=>{\n    if (Object.keys(props).includes('elements') && getElementsLength() > 0) {\n      return (getElementsArray()[currentIndex()] as CarouselElement)?.element;\n    } else if (Object.keys(props).includes('children') && getElementsLength() > 0) {\n      const children = (props as CaroselSlideProps).children;\n      if (Array.isArray(children)) {\n        return (children[currentIndex()] as JSX.Element);\n      }\n    }\n    return props.notFoundName ? <div>No {props.notFoundName} Found</div> : <div>No Elements Found</div>;\n  });\n\n  // ----- Functions -----\n  const nextSlide = () => {\n    const next = currentIndex() !== getElementsLength() - 1 ? currentIndex() + 1 : 0;\n    setPropIndex(next);\n  };\n  \n  const prevSlide = () => {\n    const prev = currentIndex() !== 0 ? currentIndex() - 1 : getElementsLength() - 1;\n    setPropIndex(prev);\n  };\n    // ----- Effects -----\n  // Keep internal signal in sync when switching from uncontrolled to controlled or external changes\n  effect(() => {\n    if (!propIndex.currentIndex) return; // controlled only\n    // Mirror external index into internal for consistency (e.g., if component logic elsewhere reads internalIndex)\n    if (internalIndex() !== propIndex.currentIndex[0]()) {\n      setInternalIndex(propIndex.currentIndex[0]());\n    }\n  });\n  // ----- TSX -----\n  \n  return (\n    <Provider value={createSignal<string[]>([])}>\n      <div class={`${style.carousel}`}>\n        <div class={`${style.carouselHeader}`}>\n          <Button class={`${style.carouselButton}`} onClick={prevSlide}>\n              &#10094;\n          </Button>\n          <div class={`${style.carouselSlides}`} ref={setCarouselBodyRef}>\n            <Show when={Object.keys(props).includes('elements')}>\n              <div class={`${style.carouselSlide}`}>\n                {slideName()}\n              </div>\n            </Show>\n            <Show when={Object.keys(props).includes('children')}>\n              <div class={`${style.carouselSlide}`}>\n                {slideName()}\n              </div>\n            </Show>\n          </div>\n          <Button class={`${style.carouselButton}`} onClick={nextSlide}>\n              &#10095;\n          </Button>\n        </div>\n        <div class={`${style.carouselSlide}`}>\n          {slideElement()}\n        </div>\n      </div>\n    </Provider>\n  );\n};\n  \nexport { Carousel };\nexport default Carousel;"],"names":["carouselTitleContext","createContext","createSignal","Provider","props","_$createComponent","value","children","Carousel","startingIndex","internalIndex","setInternalIndex","propIndex","other","splitProps","setCarouselBodyRef","setPropIndex","index","currentIndex","currSlideName","useContext","getElementsLength","createMemo","Object","keys","includes","elements","length","theProps","Array","isArray","getElementsArray","slideName","name","notFoundName","slideElement","element","_el$","_tmpl$","_el$4","firstChild","nextSibling","_$insert","_tmpl$2","nextSlide","next","prevSlide","prev","effect","_el$6","_tmpl$4","_el$7","_el$8","_el$1","Button","style","carouselButton","onClick","_$use","Show","when","_el$9","_tmpl$3","_$effect","_$className","carouselSlide","_el$0","_p$","_v$","carousel","_v$2","carouselHeader","_v$3","carouselSlides","_v$4","e","t","a","o","undefined"],"mappings":"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"}

package/dist/components/Carosel/Carosel.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styleInject.js";var o={carouselHeader:"Carosel-module_carouselHeader__JAhGf",carousel:"Carosel-module_carousel__cHoMx",carouselSlides:"Carosel-module_carouselSlides__MgPU3",carouselSlide:"Carosel-module_carouselSlide__--NkY",carouselButton:"Carosel-module_carouselButton__E1gGu"};e(".Carosel-module_carouselHeader__JAhGf {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.Carosel-module_carouselHeader__JAhGf div {\n  flex-grow: 1;\n  text-align: center;\n}\n.Carosel-module_carouselHeader__JAhGf button {\n  flex-basis: 1;\n}\n\n.Carosel-module_carousel__cHoMx {\n  position: relative;\n  width: 100%;\n  margin: auto;\n  overflow: hidden;\n  border-radius: 10px;\n}\n\n.Carosel-module_carouselSlides__MgPU3 {\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n  width: 100%;\n  height: 100%;\n}\n\n.Carosel-module_carouselSlide__--NkY {\n  min-width: 100%;\n  padding: 5px;\n  box-sizing: border-box;\n}\n\n.Carosel-module_carouselButton__E1gGu {\n  opacity: 0.5;\n  border: none;\n  padding: 10px;\n  cursor: pointer;\n}\n.Carosel-module_carouselButton__E1gGu:hover {\n  opacity: 1;\n}");export{o as default};
+//# sourceMappingURL=Carosel.module.scss.js.map

package/dist/components/Carosel/Carosel.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carosel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Carosel/Slide.js

@@ -0,0 +1,2 @@
+import{memo as o}from"solid-js/web";import{useContext as r,onMount as t}from"solid-js";import{carouselTitleContext as s}from"./Carosel.js";const i=i=>{const[,e]=r(s);return t(()=>{e(o=>[...o,i.title])}),o(()=>i.children)};export{i as Slide};
+//# sourceMappingURL=Slide.js.map

package/dist/components/Carosel/Slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.js","sources":["../../../src/components/Carosel/Slide.tsx"],"sourcesContent":["import { Component, JSX, onMount, useContext } from \"solid-js\";\n// @ts-ignore\nimport { carouselTitleContext } from \"./Carosel\";\ninterface SlideProps {\n  title: string;\n  children?: JSX.Element | JSX.Element[];\n}\nexport const Slide: Component<SlideProps> = (props) => {\n  const [, setTitle] = useContext(carouselTitleContext);\n\n  onMount(() => {\n    setTitle((old)=>[...old, props.title]);\n  });\n  return (<>{props.children}</>)\n}"],"names":["Slide","props","setTitle","useContext","carouselTitleContext","onMount","old","title","_$memo","children"],"mappings":"2IAOO,MAAMA,EAAgCC,IAC3C,OAASC,GAAYC,EAAWC,GAKhC,OAHAC,EAAQ,KACNH,EAAUI,GAAM,IAAIA,EAAKL,EAAMM,UAEjCC,EAAA,IAAWP,EAAMQ"}

package/dist/components/Checkbox/checkbox.js

@@ -0,0 +1,2 @@
+import{insert as e,memo as o,effect as r,className as a,classList as t,setAttribute as c,template as i}from"solid-js/web";import{createSignal as d,createMemo as s,createEffect as m}from"solid-js";import n from"./checkbox.module.scss.js";import{useFormProvider as l}from"../FormField/formProvider.js";import{useFormContext as h}from"../Form/form.js";import{useDirectFormBinding as u}from"../Form/useDirectFormBinding.js";var b=i("<label><input type=checkbox><span>"),f=i("<span>");function k(i){const k=l(),v=h(),p=u({formName:i.formName,formIndex:i.formIndex,formArrayName:i.formArrayName}),x=p.formName,[g,F]=d(i.defaultChecked??!1),V=s(()=>void 0!==i.checked?!!i.checked:p.isFormArray?!!p.getValue():x&&v?.data?!!v.data[x]:k?.getValue?!!k.getValue():g());m(()=>{const e=V();x&&v?.data&&(k?.setTextInside?.(e),k?.setValue?.(e))});const j=e=>{const o=e.currentTarget,r=o.checked;if(void 0!==i.checked)return i.onChange?.(r),void queueMicrotask(()=>{const e=V();o.checked!==e&&(o.checked=e)});var a;a=r,void 0===i.checked&&(p.isFormArray?p.setValue(a):x&&v?.formGroup?(v.formGroup.set(x,a),v.setData?.(x,a)):k?.setValue?k.setValue(a):F(a)),k?.setTextInside?.(a),i.onChange?.(a)};return y=b(),N=y.firstChild,A=N.nextSibling,N.addEventListener("change",j),e(y,(_=o(()=>!!i.label),()=>{return _()&&(o=f(),e(o,()=>i.label),r(()=>a(o,n.checkbox__label)),o);var o}),null),r(e=>{var o=n.checkbox,r={[n["checkbox--disabled"]]:i.disabled,[n["checkbox--checked"]]:V()},d=n.checkbox__input,s=i.disabled,m=i.label?void 0:i.ariaLabel,l=n.checkbox__checkmark;return o!==e.e&&a(y,e.e=o),e.t=t(y,r,e.t),d!==e.a&&a(N,e.a=d),s!==e.o&&(N.disabled=e.o=s),m!==e.i&&c(N,"aria-label",e.i=m),l!==e.n&&a(A,e.n=l),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),r(()=>N.checked=V()),y;var _,y,N,A}export{k as Checkbox};
+//# sourceMappingURL=checkbox.js.map