@pnx-mixtape/mxds 0.0.30 → 0.1.0-rc.0

package/README.md

@@ -1,106 +1,133 @@
 # Mixtape
 
+[![npm version](https://img.shields.io/npm/v/@pnx-mixtape/mxds.svg)](https://www.npmjs.com/package/@pnx-mixtape/mxds)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+[![Documentation](https://img.shields.io/badge/docs-latest-blue.svg)](./docs/README.md)
 
 > [!NOTE]
 > This is taken from the 3.x branch of [mixtape (monorepo)](https://github.com/previousnext/mixtape).
 > Refer to that repo if you need to make changes the original packages. This repo is dedicated to
 > the `@pnx-mixtape/mxds` package.
 
-### The PreviousNext Design System: [mxds.pnx.io](https://mxds.pnx.io/)
+**The PreviousNext Design System:** [mxds.pnx.io](https://mxds.pnx.io/)
 
-A design system helps align teams around how products are designed and built.
+A design system that helps align teams around how products are designed and built. It improves team efficiency and reduces design debt by becoming a bridge which helps designers and developers communicate.
 
-It improves team efficiency and reduces design debt by becoming a bridge which helps
-designers and developers communicate.
+---
 
-Our design system has been created to help us establish what our collective best practices
-are and how they apply to a suite of our most common UI elements.
+## Table of Contents
 
-It's like our greatest hits.
+- [Documentation](#-documentation)
+- [Installation](#installation)
+- [Quick Start](#quick-start)
+- [Key Features](#key-features)
+- [CSS Cascade Layers](#css-cascade-layers)
+- [Examples](#examples)
+- [Contributing](#contributing)
+- [Versioning & Publishing](#versioning--publishing)
+- [Getting Help](#getting-help)
 
-# Using Mixtape
+---
+
+## 📚 Documentation
+
+**New to the design system?** Start here:
+
+- **[Documentation Hub](./docs/README.md)** - Complete guide to all documentation
+- [Getting Started](#installation) - Installation and quick start (below)
+- [Component Architecture](./docs/ComponentArchitecture.md) - How to build components
+- [Contributing Guide](./docs/Contributing.md) - How to contribute
+
+**Developer Guides:**
+
+- [Code Quality Guidelines](./docs/CodeQuality.md) - Standards and best practices
+- [Memory Management](./docs/MemoryManagement.md) - Prevent memory leaks
+- [Security Guidelines](./docs/Security.md) - Secure coding practices
+- [CSS Guidelines](./docs/CSSGuidelines.md) - Styling conventions
+- [Testing Guide](./docs/Testing.md) - Testing strategies
+
+**Reference:**
+
+- [API Documentation](./docs/API.md) - Utilities and validators reference
+- [Troubleshooting](./docs/Troubleshooting.md) - Common issues and solutions
+- [Design Documentation](./DESIGN.md) - Documentation for AI-generated designs
+
+---
 
 ## Installation
 
-```
+```bash
 pnpm add @pnx-mixtape/mxds
 ```
 
-## Usage
-
-Once installed, you can `import` the css and javascript into your project's codebase.
+**Required peer dependency:**
 
-### Importing and overriding styles
-
-Dependencies:
+```bash
+pnpm add -D postcss-design-tokens
+```
 
-- [postcss-design-tokens](https://www.npmjs.com/package/postcss-design-tokens)
+---
 
-Add the [tokens](https://github.com/previousnext/mxds/blob/main/src/tokens.js)
-and override the values or just copy/paste from Mixtape and update;
+## Quick Start
 
-_eg. project-tokens.mjs_
+### 1. Setup Design Tokens
 
 ```js
+// project-tokens.mjs
 import tokens from "@pnx-mixtape/mxds/tokens"
 
-// Override existing ones;
+// Override existing tokens
 tokens.colour.brand.primary = "rgb(0, 92, 250)"
 
-//Add new ones;
-tokens.newThing = "somethingNew"
+// Add new tokens
+tokens.colour.brand.tertiary = "rgb(100, 200, 50)"
 
 export default tokens
 ```
 
-The [custom properties](https://github.com/previousnext/mxds/blob/main/src/constants.css)
-can also be included via @import or just copy/paste if you only need a limited set.
-
-This file should be included in the browser.
-
-_eg. project-constants.css_
+### 2. Import Custom Properties
 
 ```css
+/* project-constants.css */
 @import "@pnx-mixtape/mxds/src/constants.css";
 
+/* Add your custom properties */
 :root {
   --my-colour-primary: rgb(0, 92, 250);
-  --my-colour-secondary: rgb(247, 143, 29);
 }
 ```
 
-The [custom media](https://github.com/previousnext/mxds/blob/main/src/_custom-media.css)
-should also be included, and is required in EVERY css file that uses them. PostCSS replaces this,
-so there is no need to worry about duplication.
+### 3. Import Custom Media
 
-_eg. project-breakpoints.css_
+This is only required if you're not using something like [@csstools/postcss-global-data](https://www.npmjs.com/package/@csstools/postcss-global-data).
 
 ```css
+/* component.css */
 @import "@pnx-mixtape/mxds/src/_custom-media.css";
 
-@custom-media --my-breakpoint (width >= "200px");
-```
+.my-component {
+  /* Mobile first */
+  display: block;
 
-Once these 3 files are setup, you can proceed with adding the components.
+  /* Responsive */
+  @media (--medium-up) {
+    display: flex;
+  }
+}
+```
 
-_eg. buttons.css_
+### 4. Import Components
 
 ```css
-@import "../project-breakpoints.css";
+/* Full component */
 @import "@pnx-mixtape/mxds/src/Atom/Button/button.css";
-```
 
-Or partially imported;
-
-_eg. buttons.css_
-
-```css
-@import "../project-breakpoints.css";
+/* Or partial imports for customization */
 @import "@pnx-mixtape/mxds/src/Atom/Button/_buttons.css";
 @import "@pnx-mixtape/mxds/src/Atom/Button/_buttons-styles.css";
 
-.button--primary {
+.button--custom {
   --border-radius: 0;
 
   @media (--medium-up) {
@@ -109,192 +136,196 @@ _eg. buttons.css_
 }
 ```
 
-The packages are as modular as practical, so you can be specific about what to include
-based on your projects requirements.
+### 5. Import JavaScript
 
-There are many custom properties that are available to override the default values. Any place you see an undefined
-custom property before a mixtape fallback, you can set it in you project. eg.
+**Web Components:**
 
-```css
-.line {
-  border-color: var(--line-colour, var(--colour-border));
-}
-```
+```js
+// Auto-initialize
+import "@pnx-mixtape/mxds/src/Component/Accordion/Elements/Accordion"
 
-```css
-.line--red {
-  --line-colour: red;
+// Or extend for customization
+import Accordion from "@pnx-mixtape/mxds/src/Component/Accordion/Elements/Accordion"
+
+class FancyAccordion extends Accordion {
+  connectedCallback() {
+    super.connectedCallback()
+    this.classList.add("fancy")
+  }
 }
+
+customElements.define("mx-fancy-accordion", FancyAccordion)
 ```
 
-#### Cascade layers
+**React Components:**
 
-[@layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) are used in Mixtape to ensure ease in overriding CSS on a project
-level. If you are importing `@pnx-mixtape/mxds/src/Atom/base.css` CSS then the layers are included.
+```tsx
+import Button from "@pnx-mixtape/mxds/src/Atom/Button/Button"
+import { ButtonModifiers } from "@pnx-mixtape/ids-shape"
+;<Button modifiers={[ButtonModifiers.PRIMARY]}>Click me</Button>
+```
 
-If you are only partially importing the base CSS files, then you'll need to manually
-include the layers at the start of your CSS;
+---
 
-```css
-@layer design-system.defaults, design-system.atoms, design-system.layout, design-system.components, design-system.utilities;
-```
+## Entry Points
 
-Any CSS not wrapped in a layer will have higher specificity to Mixtape's CSS.
-Alternatively you can append your own layers to the end of these, to achieve a
-similar result.
+The package exposes two sets of entry points for JavaScript/TypeScript consumers.
 
-### Importing React components
+### Source imports (default)
 
-TODO
+The default entry points (`@pnx-mixtape/mxds` and `@pnx-mixtape/mxds/react`) resolve to raw
+TypeScript source files. This is the intended path for projects that already have a bundler
+configured to process TypeScript in `node_modules` (e.g. Vite with `@vitejs/plugin-react`,
+Next.js with `transpilePackages`, etc.).
 
-### Importing and extending javascript Elements
+```ts
+import { Accordion } from "@pnx-mixtape/mxds"
+import { Button } from "@pnx-mixtape/mxds/react"
+```
 
-Some packages also provide vanilla javascript to manage simple user interactions. You can include
-and initialise these by importing them into your projects `.entry.js` files (or whatever is
-setup to run through a bundler like Rollup).
+### Compiled imports
 
-_eg. project-init.entry.js_
+Pre-compiled ESM bundles are available under the `/compiled` sub-path for environments that
+cannot process TypeScript source directly (plain Node.js, Webpack without a TS loader, etc.).
+Both paths ship with full `.d.ts` type declarations.
 
-```js
-import "@pnx-mixtape/mxds/src/Component/Accordion/Elements/Accordion"
+```ts
+import { Accordion } from "@pnx-mixtape/mxds/compiled"
+import { Button } from "@pnx-mixtape/mxds/compiled/react"
 ```
 
-To customise this javascript we recommend importing and then extending the Class;
-
-```js
-import Accordion from "@pnx-mixtape/mxds/src/Component/Accordion/Elements/Accordion"
+> [!NOTE]
+> All dependencies (`react`, `react-aria`, `classnames`, etc.) are externalized in the compiled
+> bundles — you still need to install them yourself.
 
-class FancyAccordion extends Accordion {
-  constructor(element) {
-    super(element)
-    this.isFancy = true
-  }
+---
 
-  handleOpen() {
-    super.handleOpen()
-    this.isFancyAndOpen = true
-  }
-}
+## Key Features
 
-customElements.define("mx-fancy-accordion", FancyAccordion)
-```
+- ✅ **Modular** - Import only what you need
+- ✅ **Framework-agnostic** - Web Components, React, Twig templates
+- ✅ **Design Tokens** - Customizable theming via tokens
+- ✅ **CSS Layers** - Easy overrides without specificity wars
+- ✅ **Accessible** - WCAG 2.0 AA compliant
+- ✅ **Responsive** - Mobile-first approach
+- ✅ **Modern CSS** - Logical properties, custom media, container queries
+- ✅ **TypeScript** - Full type support
 
-## Examples
+---
 
-**[pnx-project](https://github.com/previousnext/pnx-project/)** has Mixtape included in the
-theme by default. Please refer to it (or use it directly) when setting up a Mixtape project.
+## CSS Cascade Layers
 
-**[mxds.pnx.io](https://mxds.pnx.io/)** is Mixtapes storybook.
+Mixtape uses [@layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) for easy CSS overrides:
 
-## Updating a Mixtape based project
+```css
+/* Automatically included when importing base.css */
+@import "@pnx-mixtape/mxds/src/Atom/base.css";
 
-Mixtape goes through rapid development at times and Breaking Changes can be common. New packages
-may not be compatible with old ones. Particularly due to;
+/* Or manually define layer order */
+@layer design-system.defaults, design-system.atoms, design-system.layout, 
+       design-system.components, design-system.utilities;
 
-- Introduction of design tokens
-- Refactoring of several custom properties
-- Introduction of CSS @layers
-- Introduction of Container Queries
-- Utility javascript being moved from base to its own package `../../utilities/utilities`
-- Use of `inert` in place of `hidden`
-- Various performance improvements
-- Removal of the Lerna monorepo tools
+/* Your unlayered CSS automatically overrides design system */
+.mx-button {
+  padding: 3rem; /* Overrides design system styles */
+}
+```
 
-If updating an entire project isn't feasible, and you get stuck, then please Log an issue.
-We can look into back porting the required bug fix or feature, or help with a work-around.
+**→ See [CSS Guidelines](./docs/CSSGuidelines.md) for complete details**
 
-# Contributing to Mixtape
+---
 
-## Finding and Logging issues
+## Examples
 
-Please log bugs to [Jira](https://previousnext.atlassian.net/secure/RapidBoard.jspa?rapidView=5)
-or join the #mixtape channel in the PNX Slack to ask questions.
+- **[pnx-project](https://github.com/previousnext/pnx-project/)** - Example project with Mixtape
+- **[Storybook](https://mxds.pnx.io/)** - Interactive component library
+- **[Documentation](./docs/README.md)** - Complete developer guides
 
-Adding [patch-package](https://www.npmjs.com/package/patch-package) to your project will allow
-you to create project specific patches for Mixtape, so you're not hampered by waiting for a bug
-fix to released in Mixtape. Please upload any patches made to the relevant bug report in Jira.
+---
 
-## Build tools
+## Contributing
 
-This project uses Docker to manage node versions and build tasks.
+We welcome contributions! Please see our [Contributing Guide](./docs/Contributing.md) for:
 
-### Dependencies and building
+- Development workflow
+- Git conventions
+- Commit message format (Commitizen)
+- Pull request process
+- Code quality standards
 
-First clone this repository;
+### Quick Start for Contributors
 
-```
+```bash
+# Clone repository
 git clone git@github.com:previousnext/mxds.git
 cd mxds
-```
 
-Install project dependcencies:
-
-```
-nvm install
+# Install dependencies
+nvm use
 pnpm install
-```
 
-Then you can start watching for changes with;
+# Start development
+pnpm dev
 
-```
-pnpm run dev
+# Storybook URLs:
+# HTML: http://localhost:6006
+# React: http://localhost:6008
 ```
 
-From here you can access the Storybook instance and get started.
+### Before Submitting PR
 
-### Linting and Test coverage
+```bash
+# Format code
+pnpm format
 
-Before pushing a PR make sure your changes are linted and pass the test coverage.
+# Run linting
+pnpm lint
 
+# Run tests
+pnpm test
+
+# Commit with Commitizen
+pnpm commit
 ```
-pnpm run format
-pnpm run lint
-pnpm run test-storybook
-```
 
-These will all run by Github Actions on the PR but it's better to catch issues first.
+**→ See [Contributing Guide](./docs/Contributing.md) for complete details**
+
+---
 
-Integration testing with Vitest will be added in a future release.
+## Versioning & Publishing
 
-### Publishing changes
+```bash
+# Bump patch version (0.0.x)
+pnpm bump-version
 
-When you are ready to publish your change, commit your work and
-follow the prompts using:
+# Bump minor version (0.x.0)
+pnpm version minor -m "chore: tag %s"
 
-```
-pnpm run commit
+# Bump major version (x.0.0)
+pnpm version major -m "chore: tag %s"
 ```
 
-This uses [Commitizen](https://www.npmjs.com/package/commitizen) to manage
-commit messages and versioning. You will be walked through an interactive
-questionnaire.
+**→ See [Contributing Guide](./docs/Contributing.md#release-process) for complete publishing process**
 
-Select the type of change from Feat (Feature), Fix, Docs, Style, Refactor,
-Perf, Test, and Chore. This will be used in the commitizen changelog.
+---
 
-Then create a pull request, wait for builds to pass, and get the code reviewed.
+## Getting Help
 
-Once approved, merge the PR.
+- 📖 **[Documentation Hub](./docs/README.md)** - Complete guides
+- 🐛 **[Issues](https://github.com/previousnext/mxds/issues)** - Bug reports or feature requests
 
-When you are ready for a release, from `main`, run;
+**→ See [Troubleshooting Guide](./docs/Troubleshooting.md) for common issues**
 
-```
-pnpm bump-version
-```
+---
 
-To bump the patch version number in `package.json`, then tag the commit and push to `origin`.
+## License
 
-This will trigger a deploy in CircleCI to update [mxds.pnx.io](https://mxds.pnx.io/).
-Approval is then required to publish to the [NPM registry](https://www.npmjs.com/package/@pnx-mixtape/mxds).
+MIT License - see [LICENSE](./LICENSE) file for details.
 
-Alternatively for a minor or major release, from `main`, run;
+Copyright (c) 2026 PreviousNext
 
-```
-# Backward compatible new features
-pnpm version minor -m "chore: tag %s"
-```
+---
 
-```
-# Changes that break backward compatibility
-pnpm version major -m "chore: tag %s"
-```
+## Credits
+
+Built with ❤️ by [PreviousNext](https://www.previousnext.com.au/)

package/dist/build/accordion.css

@@ -1 +1 @@
-@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.defaults{details summary{list-style-type:none}:is(details summary):is(::-webkit-details-marker,::marker){display:none;content:""}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)) .mx-accordion__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-size:inherit;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;border:medium none currentcolor;border:initial;padding:0;padding:initial}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.components{.mx-accordion__title{margin-block-end:var(--spacing-m);display:flex;flex-flow:row wrap;gap:var(--spacing-s);align-items:center}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion .mx-accordion__toggle{cursor:pointer;inline-size:100%}.mx-accordion:is(>h2,>h3,>h4,>h5,>h6){all:unset}.mx-accordion>.mx-accordion__content{display:none;opacity:0;overflow:hidden}:is(.mx-accordion:is([open],[data-open=true])>.mx-accordion__toggle) .mx-icon--chevron-down{transform:rotate(180deg)}.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:1;display:block}@starting-style{.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:0;display:block}}.mx-accordion--divided{border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}.mx-accordion--divided .mx-accordion__toggle{padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xxs)}:is(.mx-accordion--divided .mx-accordion__toggle) .mx-icon{margin-inline-start:auto}.mx-accordion--divided:is([open],[data-open=true])>.mx-accordion__content{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0)}}@media print{.mx-accordion .mx-accordion__content{display:block!important}}
+@layer popover-polyfill;@layer design-system.defaults{details{& summary{list-style-type:none;&:is(){content:"";display:none}}}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)){& .mx-accordion__toggle{appearance:none;color:inherit;font-size:inherit;background:initial;border:initial;padding:initial}}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-accordion__title{gap:var(--spacing-s);flex-flow:wrap;align-items:center;margin-block-end:var(--spacing-m);display:flex}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion{& .mx-accordion__toggle{cursor:pointer;text-align:start;inline-size:100%}&>:is(h2,h3,h4,h5,h6){all:unset}&>.mx-accordion__content{opacity:0;display:none;overflow:hidden}&:is([open],[data-open=true]){&>.mx-accordion__toggle{& .mx-icon--chevron-down{transform:rotate(180deg)}}&>.mx-accordion__content{opacity:1;display:block;@starting-style{opacity:0;display:block}}}}.mx-accordion--divided{border-block-end:var(--line-width,1px) solid var(--line-colour,var(--colour-border));& .mx-accordion__toggle{padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,0);justify-content:space-between;align-items:center;gap:var(--spacing-xxs);display:flex;& .mx-icon{margin-inline-start:auto}}&:is([open],[data-open=true]){&>.mx-accordion__content{border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,0)}}}}

package/dist/build/accordion.entry.js

@@ -1,46 +1 @@
-import "./chunks/utilities-DepaJdUg.js";
-import "./chunks/Accordion-BzKLBuWL.js";
-var AccordionGroup = class extends HTMLElement {
-	internals_;
-	controller;
-	constructor() {
-		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
-	}
-	connectedCallback() {
-		if (!this.accordions || !this.expandTrigger || !this.collapseTrigger) return;
-		this.handleToggle();
-		let { signal: e } = this.controller;
-		this.addEventListener("click", this.handleClick, { signal: e }), this.accordions.forEach((t) => t.addEventListener("toggle", this.handleToggle, { signal: e }));
-	}
-	disconnectedCallback() {
-		this.controller.abort();
-	}
-	handleClick = ({ target: e }) => {
-		e === this.expandTrigger && this.handleExpand(), e === this.collapseTrigger && this.handleCollapse();
-	};
-	handleExpand = () => {
-		this.accordions.forEach((e) => e.open = !0), this.expandTrigger.disabled = !0, this.collapseTrigger.disabled = !1;
-	};
-	handleCollapse = () => {
-		this.accordions.forEach((e) => e.open = !1), this.expandTrigger.disabled = !1, this.collapseTrigger.disabled = !0;
-	};
-	handleToggle = () => {
-		this.expandTrigger.disabled = [...this.accordions].every((e) => e.open === !0), this.collapseTrigger.disabled = [...this.accordions].every((e) => e.open !== !0);
-	};
-	get accordions() {
-		let e = this.querySelectorAll("details");
-		if (!e.length) throw Error(`${this.localName} must contain at least one <details> element.`);
-		return e;
-	}
-	get expandTrigger() {
-		let e = this.querySelector("button[data-expand]");
-		if (!e) throw Error(`${this.localName} must contain a <button data-expand> element.`);
-		return e;
-	}
-	get collapseTrigger() {
-		let e = this.querySelector("button[data-collapse]");
-		if (!e) throw Error(`${this.localName} must contain a <button data-collapse> element.`);
-		return e;
-	}
-};
-customElements.get("mx-accordion-group") || customElements.define("mx-accordion-group", AccordionGroup);
+import"./chunks/Accordion-z-dH6nFH.js";import"./chunks/AccordionGroup-Bzqp5__q.js";

package/dist/build/autocomplete.css

@@ -0,0 +1 @@
+@layer popover-polyfill;@layer design-system.defaults{mx-autocomplete{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-autocomplete{max-inline-size:var(--container-max-width);position:relative}.mx-autocomplete__listbox{z-index:10;background-color:var(--autocomplete-background,var(--colour-background));color:var(--autocomplete-foreground,var(--colour-foreground));border-radius:var(--autocomplete-radius,var(--border-radius));box-shadow:var(--autocomplete-shadow,var(--box-shadow));max-block-size:var(--autocomplete-max-height,16rem);padding-inline:var(--autocomplete-padding-inline,0);padding-block:var(--autocomplete-padding-block,0);margin:0;list-style:none;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto;&[hidden]{opacity:0;display:none;@starting-style{opacity:1;display:block}}}.mx-autocomplete__option{padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xs);cursor:pointer;&[hidden]{display:none}&[aria-selected=true]{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,-2px)}}}

package/dist/build/autocomplete.entry.js

@@ -0,0 +1 @@
+import"./chunks/Autocomplete-2L6tLLuh.js";