Configuration
Configuration options#
Configure your plugin/widget under the "figma-plugin" key of your package.json file.
The configuration options map closely to the plugin and widget manifest.json APIs:
api#
(string)
Optional. The version of the plugin API to use. Defaults to "1.0.0".
widgetApi#
(string)
Optional. The version of the widget API to use. Defaults to "1.0.0".
editorType#
(Array<"figma" | "figjam" | "dev">)
Optional. For specifying the editor(s) that the plugin/widget is intended for. Possible editor types are "figma", "figjam" and "dev". Defaults to ["figma"]. The value ["figjam", "dev"] is currently not supported.
containsWidget#
(boolean)
Optional. This field must be set to true for a FigJam widget. Defaults to false.
id#
(string)
Required to publish the plugin/widget on Figma Community. The plugin/widget ID. This field can be omitted during development but is required if you want to publish your plugin/widget. Figma will generate a unique ID for you when you first try to publish your plugin/widget; copy and paste that ID here.
name#
(string)
Required. The name of the plugin/widget.
main#
(string or object)
Required, unless "menu" is specified. Path to the main entry point of the plugin command or widget. The main entry point must be the function set as the default export of the file. To use a particular named export instead, specify an object with the following keys:
"src"(string) — Required. Path to the main entry point."handler"(string) — Required. The name of the exported function in the file.
Example
{
+Configuration — Create Figma Plugin Create Figma Plugin
Configuration
Configuration options#
Configure your plugin/widget under the "figma-plugin" key of your package.json file.
The configuration options map closely to the plugin and widget manifest.json APIs:
api#
(string)
Optional. The version of the plugin API to use. Defaults to "1.0.0".
widgetApi#
(string)
Optional. The version of the widget API to use. Defaults to "1.0.0".
editorType#
(Array<"figma" | "figjam" | "dev">)
Optional. For specifying the editor(s) that the plugin/widget is intended for. Possible editor types are "figma", "figjam" and "dev". Defaults to ["figma"]. The value ["figjam", "dev"] is currently not supported.
containsWidget#
(boolean)
Optional. This field must be set to true for a FigJam widget. Defaults to false.
id#
(string)
Required to publish the plugin/widget on Figma Community. The plugin/widget ID. This field can be omitted during development but is required if you want to publish your plugin/widget. Figma will generate a unique ID for you when you first try to publish your plugin/widget; copy and paste that ID here.
name#
(string)
Required. The name of the plugin/widget.
main#
(string or object)
Required, unless "menu" is specified. Path to the main entry point of the plugin command or widget. The main entry point must be the function set as the default export of the file. To use a particular named export instead, specify an object with the following keys:
"src" (string) — Required. Path to the main entry point."handler" (string) — Required. The name of the exported function in the file.
Example
{
"figma-plugin": {
"id": "806532458729477508",
"name": "Draw Mask Under Selection",
diff --git a/index.html b/index.html
index 2e6715e4f..5ad6c2705 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-Create Figma Plugin Create Figma Plugin
The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
Key features#
- Bootstrap a new plugin/widget from a template
- Bundle and minify your TypeScript or JavaScript code, with sub-second build times made possible by the esbuild compiler
- Write plugin menu commands in separate files, with support for each command having their own UI implementation
- Create a UI for your plugin/widget using a library of Preact components that replicate the Figma/FigJam editor’s UI design, with support for dark mode
- Leverage an extensive set of utility functions, including utilities for passing data between your plugin/widget’s main and UI contexts
Used by designers and developers globally#
What people say about Create Figma Plugin#
Create Figma Plugin is so great. It provides a suite of utilities and Preact components that fit with Figma’s UI, and it gives you a local dev setup with TypeScript and CSS Modules support. Thanks @yuanqinglim for your amazing work 🙏
This was also the first time I used @yuanqinglim’s Create Figma Plugin toolkit and wow – what a comprehensive and thought-out library. Allowed me to have the first prototype up and running in just an hour. A staple for building Figma plugins from now on 😌
If you build plugins for @figma do yourself a favor and start using Create Figma Plugin toolkit by @yuanqinglim!
I know I’m late to this party but I just published my first @figma plugin 🥳 (org-only so can’t share yet). @yuanqinglim’s Create Figma Plugin library made building the UI so easy and helped me focus on the logic instead. Highly recommended!
Plugins/widgets made with Create Figma Plugin#
\ No newline at end of file
+Create Figma Plugin Create Figma Plugin
The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
Key features#
- Bootstrap a new plugin/widget from a template
- Bundle and minify your TypeScript or JavaScript code, with sub-second build times made possible by the esbuild compiler
- Write plugin menu commands in separate files, with support for each command having their own UI implementation
- Create a UI for your plugin/widget using a library of Preact components that replicate the Figma/FigJam editor’s UI design, with support for dark mode
- Leverage an extensive set of utility functions, including utilities for passing data between your plugin/widget’s main and UI contexts
Used by designers and developers globally#
What people say about Create Figma Plugin#
Create Figma Plugin is so great. It provides a suite of utilities and Preact components that fit with Figma’s UI, and it gives you a local dev setup with TypeScript and CSS Modules support. Thanks @yuanqinglim for your amazing work 🙏
This was also the first time I used @yuanqinglim’s Create Figma Plugin toolkit and wow – what a comprehensive and thought-out library. Allowed me to have the first prototype up and running in just an hour. A staple for building Figma plugins from now on 😌
If you build plugins for @figma do yourself a favor and start using Create Figma Plugin toolkit by @yuanqinglim!
I know I’m late to this party but I just published my first @figma plugin 🥳 (org-only so can’t share yet). @yuanqinglim’s Create Figma Plugin library made building the UI so easy and helped me focus on the logic instead. Highly recommended!
Plugins/widgets made with Create Figma Plugin#
Quick start — Create Figma Plugin Create Figma Plugin
Quick start
Pre-requisites#
- Node.js – v18
- Figma desktop app
Bootstrapping a new plugin/widget from a template#
$ npx --yes create-figma-plugin
You’ll then be prompted to select from the following templates:
plugin/hello-world — A plugin without a UI.plugin/preact-rectangles — A plugin with a UI built using Create Figma Plugin’s Preact component library.plugin/preact-resizable — A plugin with a resizable UI window.plugin/preact-tailwindcss — A plugin with a UI that uses Tailwind CSS.plugin/react-editor — A plugin with a UI that uses a React component.widget/notepad — A FigJam widget with a UI.
Configuring the plugin/widget#
Configuration options for your plugin/widget go under the "figma-plugin" key of your package.json file.
A Figma plugin (eg. plugin/preact-rectangles) would be configured as follows:
{
+Quick start — Create Figma Plugin Create Figma Plugin
Quick start
Pre-requisites#
- Node.js – v20
- Figma desktop app
Bootstrapping a new plugin/widget from a template#
$ npx --yes create-figma-plugin
You’ll then be prompted to select from the following templates:
plugin/hello-world — A plugin without a UI.plugin/preact-rectangles — A plugin with a UI built using Create Figma Plugin’s Preact component library.plugin/preact-resizable — A plugin with a resizable UI window.plugin/preact-tailwindcss — A plugin with a UI that uses Tailwind CSS.plugin/react-editor — A plugin with a UI that uses a React component.widget/notepad — A FigJam widget with a UI.
Configuring the plugin/widget#
Configuration options for your plugin/widget go under the "figma-plugin" key of your package.json file.
A Figma plugin (eg. plugin/preact-rectangles) would be configured as follows:
{
"figma-plugin": {
"editorType": [
"figma"
@@ -24,4 +24,4 @@
"build": "build-figma-plugin --typecheck --minify",
"watch": "build-figma-plugin --typecheck --watch"
}
-}
The build-figma-plugin CLI is powered by esbuild, which enables extremely fast, sub-second builds. When the --typecheck flag is specified, your TypeScript code will also be compiled and type-checked by the TypeScript compiler.
To build the plugin/widget:
$ npm run build
This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin/widget. (To customize the output directory for the manifest.json and JavaScript bundles, use the --output flag when invoking the build-figma-plugin CLI, eg. --output my-plugin.)
(Configuring your plugin/widget must be done via package.json. Avoid manually editing the manifest.json file. Because the manifest.json file is always regenerated on build, any changes you make will always get overridden.)
To watch for code changes and rebuild the plugin/widget automatically:
$ npm run watch
Learn how to:
- Customize the underlying build configuration used by the
build-figma-plugin CLI - Modify the
manifest.json file just before it gets output by the build-figma-plugin CLI
Installing the plugin/widget#
- In the Figma desktop app, open a Figma/FigJam document.
- Search for and run
Import plugin from manifest… or Import widget from manifest… via the Quick Actions search bar. - Select the
manifest.json file that was generated by the build script.
Debugging#
Use console.log statements to inspect values in your code.
To open the developer console, search for and run Open Console via the Quick Actions search bar.
Publishing to Figma Community#
Figma will generate a unique ID for you when you first try to publish your plugin/widget. Copy and paste that ID into the "figma-plugin" configuration (under the "id" key), then run the build script again to regenerate the plugin/widget’s manifest.json file.
See also#
Official docs and code samples from Figma:
Community:
- Friends of Figma Discord – Join the
#plugin-api and #widget-api channels - Twitter List: Figma Society
The build-figma-plugin CLI is powered by esbuild, which enables extremely fast, sub-second builds. When the --typecheck flag is specified, your TypeScript code will also be compiled and type-checked by the TypeScript compiler.
To build the plugin/widget:
$ npm run build
This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin/widget. (To customize the output directory for the manifest.json and JavaScript bundles, use the --output flag when invoking the build-figma-plugin CLI, eg. --output my-plugin.)
(Configuring your plugin/widget must be done via package.json. Avoid manually editing the manifest.json file. Because the manifest.json file is always regenerated on build, any changes you make will always get overridden.)
To watch for code changes and rebuild the plugin/widget automatically:
$ npm run watch
Learn how to:
- Customize the underlying build configuration used by the
build-figma-plugin CLI - Modify the
manifest.json file just before it gets output by the build-figma-plugin CLI
Installing the plugin/widget#
- In the Figma desktop app, open a Figma/FigJam document.
- Search for and run
Import plugin from manifest… or Import widget from manifest… via the Quick Actions search bar. - Select the
manifest.json file that was generated by the build script.
Debugging#
Use console.log statements to inspect values in your code.
To open the developer console, search for and run Show/Hide Console via the Quick Actions search bar.
Publishing to Figma Community#
Figma will generate a unique ID for you when you first try to publish your plugin/widget. Copy and paste that ID into the "figma-plugin" configuration (under the "id" key), then run the build script again to regenerate the plugin/widget’s manifest.json file.
See also#
Official docs and code samples from Figma:
Community:
- Friends of Figma Discord – Join the
#plugin-api and #widget-api channels - Twitter List: Figma Society
Recipes — Create Figma Plugin Create Figma Plugin
Recipes
Passing data between the plugin/widget’s main and UI contexts#
The @create-figma-plugin/utilities library includes 3 functions to facilitate data passing (in both directions) between the plugin/widget’s main and UI contexts:
on(name, handler) — Registers an event handler for the given event name.once(name, handler) — Ditto on, only that handler will run at most once.emit(name, ...args) — Calling emit in the main context invokes the event handler for the matching event name in your UI. Correspondingly, calling emit in your UI invokes the event handler for the matching event name in the main context. All args passed after name will be directly applied on the event handler.
Consider a toy Figma plugin:
// src/main.ts
+Recipes — Create Figma Plugin Create Figma Plugin
Recipes
Passing data between the plugin/widget’s main and UI contexts#
The @create-figma-plugin/utilities library includes 3 functions to facilitate data passing (in both directions) between the plugin/widget’s main and UI contexts:
on(name, handler) — Registers an event handler for the given event name.once(name, handler) — Ditto on, only that handler will run at most once.emit(name, ...args) — Calling emit in the main context invokes the event handler for the matching event name in your UI. Correspondingly, calling emit in your UI invokes the event handler for the matching event name in the main context. All args passed after name will be directly applied on the event handler.
Consider a toy Figma plugin:
// src/main.ts
import {
once,
diff --git a/reference-plugins-and-widgets/index.html b/reference-plugins-and-widgets/index.html
index 9acb712d8..0b7a24bb1 100644
--- a/reference-plugins-and-widgets/index.html
+++ b/reference-plugins-and-widgets/index.html
@@ -1 +1 @@
-Reference plugins/widgets — Create Figma Plugin Create Figma Plugin
Reference plugins/widgets
Plugins#
Add a simple device frame to make designs look more real
Helps to work out the logic of the mobile app, plan flows, and design wireframes
An AI-powered assistant for crafting flawless UI copy
AI copilot for designers
Bend your type!
Utilities for working with top-level frames
Generate avatars for your app design prototype with one click
Generate a simple bar chart
Visually proportional resizing icons or logos
Create beautiful, smooth shadows in Figma
Generate brand asset templates in Figma
Export and import component metadata in bulk
The home for your team’s work in progress
AI-powered design copilot that transforms text into stunning UI
Automagically organize and clean up your Figma document
Affinity mapping meets AI
Transform code snippets into fully editable Figma designs
Create a beautiful color token with contrast according to WCAG
Create recipes for working with colors and color styles systematically
Apply a custom fill color to any object in your FigJam document
Copy and create components, and replace layers with components
Effortlessly blend Contentful and Figma into your workflow
Quickly and easily evaluate color contrast for accessibility across all your artboards
Copy properties of the selected layers from the Quick Actions bar
Create radial interfaces and patterns in Figma with instantiated, rotated copies of elements
Copy and paste Auto Layout properties
Import a CSS gradient into Figma
Darken or lighten the background color of all pages in your file
Quickly find, select and edit layers without taking your hands off your keyboard
Delete multiple pages at once
Bulk desaturate frames, groups and image fills in one click
Export variables to JSON files, import variables from JSON files
Recursively detach instances, remove auto layouts and detach styles
Distribute layers in a given direction and offset
Draw perfect orthogonal connectors between layers
Draw a mask under the selection
Draw a slice over the selection
Make it easier to create gradients
Create smooth gradient transitions with cubic easing functions
Create mockups in a few clicks
Create images for all social media platforms
Export your smart animation flows to GIF/Video animations in just one click
Export variables from one file and import them to another
Find layers using natural language, powered by AI
Clean frame statuses to keep you focused and your team aligned
Replace layers with library components that have a matching name
Transform your Figma components to React Native components in real time
ChatGPT in Figma
Export Figma designs to Bootstrap 5 code
Convert your Figma to React code components automatically
Easily generate random avatars
Create images with AI
Enhance text creation and editing with AI
Apply tags to frames
Find and replace colors
Rasterize layers at a high resolution
View all your fonts directly to pick the right one for your design
Easily replace font families and font styles
Change the font via Quick Actions while preserving the font weight
Format and convert between currencies
Increase the spacing at the four edges of the frame, centering the original content
Write in Markdown or link documentation and attach it to your components
Use FigJam connectors in Figma
Apply a smooth, beautiful glow to your elements
Use Bob Ross’s happy quotes as placeholder text
Free and open source health icons
Beautiful web illustrations, with AI
Convert any website into fully editable Figma designs
Human illustration system
Automatically create variants for different icon sizes
Export icons to React, Vue and Svelte
The definitive open source icon library
Insert and retain the original resolution of big images
Meme generator for Figma and FigJam
Easily set the font in text layers containing both Japanese and non-Japanese characters
Test your UI in different languages
Trim your text elements, removing space above capital letters and below the baseline
Quickly generate a line chart and easily populate it with random or precise data
Generate a simple line chart
Link spacing variables with your design system
Generate direct links to your selection, exported as SVG / PNG / PDF / JPG
Generate dummy text for your mockups
Precisely move layers
Create and export Windows icons directly from Figma
Create one or more pages via Quick Actions
Organize layers on the page
Convert filled vectors back to editable single-line vectors
Simplify your screenshot process
Create and customize beautiful design assets in an instant
Over 3,100 pixel-perfect icons
Drag-and-drop import of PDF files into Figma
Convert any PDF document into Figma designs
Inspect and manipulate color gradients using the OKLCH color space
Generates and inserts AI-generated faces
Create artwork in seconds
Generate a simple pie chart
Fill placeholders with various dog images
Create print-ready documents directly in Figma
Draw flow arrows based on prototype interactions
Create, save and reuse prototype interactions
Automatically create gamepad navigation prototypes
Apply status indicators to your layers in a flash
Generate a simple radar chart
Design radial menus in Figma
A crisp set of icons designed by Modulz
Generates hues, tints, and/or shades from a given color
Find the right words fast
Create redlines and annotations dynamically
Quickly resize your device mockups using a top-down responsive layout method
Remove the background from images 100% privately
Make vector elements sketchy and hand-drawn
Write in RTL
Companion to RTL PLZ to allow text selection and developer handoff
More than 2800 custom icons available for you, organized and for free
Quickly add a scrim over the selected layer
Select layers based on name, type, or similarity
Control nested variants instances within the selection
Precisely set the size of layers, while ignoring constraints
Share text and images to social media without leaving Figma
Skew any object in your design
Easily connect frames in Figma using customizable arrows
Sort layers by name or position
Powerful spelling and grammar inspector
Turn your Storybook or Backlight stories into a Figma UI Kit
Stretch text, vectors, and frames, and edit after
Import Style Dictionary JSON to Figma variables
Generate, edit, create variants for images using DALL-E 2
Convert FigJam table cells to sticky notes
Quickly export and import CSV copy decks
Split, normalize, and bulk copy and paste text layers
Easily switch between two color styles applied to selected layers
Quickly generate thumbnail covers for your project
Build a Table of Contents in an instant
1-click conversion from bitmap to SVG vectors
Create seamless patterns in seconds
Do text transformations directly in Figma
Code that works from anything inside Figma, in all frameworks
Remove background from images in a single click
Improves any image in Figma to make it high resolution
Upscale low resolution images using machine learning
Supercharge your variable workflows
Displays variables used in the selection
Fast, easy and practical powerful icon production and batch export tool
Export WebP files from Figma for Web or Android
Quickly apply flexible Auto Layout presets and align Auto Layout content
Tools to help you design XR applications
Widgets#
Open links and navigate your design canvas in one click
Craft AI-powered user experiences by shaping the behavior of large language models (LLMs) right in your canvas
Seamlessly create changelogs for you and your team
Scribble quick interfaces on device mockups in FigJam
Build data visualizations and graphs with the Vega-Lite language
Quickly import and embed PDF files into your FigJam boards
Fill in the blanks, together
Write notes in Markdown
Team estimations made easy
Make it easy to take notes in Markdown
A story mapping widget to focus on outcomes instead of outputs
Split up into teams, useful for virtual workshops
Run quick polls in FigJam
Reference plugins/widgets — Create Figma Plugin Create Figma Plugin
Reference plugins/widgets
Plugins#
Add a simple device frame to make designs look more real
Helps to work out the logic of the mobile app, plan flows, and design wireframes
An AI-powered assistant for crafting flawless UI copy
AI copilot for designers
Bend your type!
Utilities for working with top-level frames
Generate avatars for your app design prototype with one click
Generate a simple bar chart
Visually proportional resizing icons or logos
Create beautiful, smooth shadows in Figma
Generate brand asset templates in Figma
Export and import component metadata in bulk
The home for your team’s work in progress
AI-powered design copilot that transforms text into stunning UI
Automagically organize and clean up your Figma document
Affinity mapping meets AI
Transform code snippets into fully editable Figma designs
Create a beautiful color token with contrast according to WCAG
Create recipes for working with colors and color styles systematically
Apply a custom fill color to any object in your FigJam document
Copy and create components, and replace layers with components
Effortlessly blend Contentful and Figma into your workflow
Quickly and easily evaluate color contrast for accessibility across all your artboards
Copy properties of the selected layers from the Quick Actions bar
Create radial interfaces and patterns in Figma with instantiated, rotated copies of elements
Copy and paste Auto Layout properties
Import a CSS gradient into Figma
Darken or lighten the background color of all pages in your file
Quickly find, select and edit layers without taking your hands off your keyboard
Delete multiple pages at once
Bulk desaturate frames, groups and image fills in one click
Export variables to JSON files, import variables from JSON files
Recursively detach instances, remove auto layouts and detach styles
Distribute layers in a given direction and offset
Draw perfect orthogonal connectors between layers
Draw a mask under the selection
Draw a slice over the selection
Make it easier to create gradients
Create smooth gradient transitions with cubic easing functions
Create mockups in a few clicks
Create images for all social media platforms
Export your smart animation flows to GIF/Video animations in just one click
Export variables from one file and import them to another
Find layers using natural language, powered by AI
Clean frame statuses to keep you focused and your team aligned
Replace layers with library components that have a matching name
Transform your Figma components to React Native components in real time
ChatGPT in Figma
Export Figma designs to Bootstrap 5 code
Convert your Figma to React code components automatically
Easily generate random avatars
Create images with AI
Enhance text creation and editing with AI
Apply tags to frames
Find and replace colors
Rasterize layers at a high resolution
View all your fonts directly to pick the right one for your design
Easily replace font families and font styles
Change the font via Quick Actions while preserving the font weight
Format and convert between currencies
Increase the spacing at the four edges of the frame, centering the original content
Write in Markdown or link documentation and attach it to your components
Use FigJam connectors in Figma
Apply a smooth, beautiful glow to your elements
Use Bob Ross’s happy quotes as placeholder text
Free and open source health icons
Beautiful web illustrations, with AI
Convert any website into fully editable Figma designs
Human illustration system
Automatically create variants for different icon sizes
Export icons to React, Vue and Svelte
The definitive open source icon library
Insert and retain the original resolution of big images
Meme generator for Figma and FigJam
Easily set the font in text layers containing both Japanese and non-Japanese characters
Test your UI in different languages
Trim your text elements, removing space above capital letters and below the baseline
Quickly generate a line chart and easily populate it with random or precise data
Generate a simple line chart
Link spacing variables with your design system
Generate direct links to your selection, exported as SVG / PNG / PDF / JPG
Generate dummy text for your mockups
Precisely move layers
Create and export Windows icons directly from Figma
Create one or more pages via Quick Actions
Organize layers on the page
Convert filled vectors back to editable single-line vectors
Simplify your screenshot process
Create and customize beautiful design assets in an instant
Over 3,100 pixel-perfect icons
Drag-and-drop import of PDF files into Figma
Convert any PDF document into Figma designs
Inspect and manipulate color gradients using the OKLCH color space
Generates and inserts AI-generated faces
Create artwork in seconds
Generate a simple pie chart
Fill placeholders with various dog images
Create print-ready documents directly in Figma
Draw flow arrows based on prototype interactions
Create, save and reuse prototype interactions
Automatically create gamepad navigation prototypes
Apply status indicators to your layers in a flash
Generate a simple radar chart
Design radial menus in Figma
A crisp set of icons designed by Modulz
Generates hues, tints, and/or shades from a given color
Find the right words fast
Create redlines and annotations dynamically
Quickly resize your device mockups using a top-down responsive layout method
Remove the background from images 100% privately
Make vector elements sketchy and hand-drawn
Write in RTL
Companion to RTL PLZ to allow text selection and developer handoff
More than 2800 custom icons available for you, organized and for free
Quickly add a scrim over the selected layer
Select layers based on name, type, or similarity
Control nested variants instances within the selection
Precisely set the size of layers, while ignoring constraints
Share text and images to social media without leaving Figma
Skew any object in your design
Easily connect frames in Figma using customizable arrows
Sort layers by name or position
Powerful spelling and grammar inspector
Turn your Storybook or Backlight stories into a Figma UI Kit
Stretch text, vectors, and frames, and edit after
Import Style Dictionary JSON to Figma variables
Generate, edit, create variants for images using DALL-E 2
Convert FigJam table cells to sticky notes
Quickly export and import CSV copy decks
Split, normalize, and bulk copy and paste text layers
Easily switch between two color styles applied to selected layers
Quickly generate thumbnail covers for your project
Build a Table of Contents in an instant
1-click conversion from bitmap to SVG vectors
Create seamless patterns in seconds
Do text transformations directly in Figma
Code that works from anything inside Figma, in all frameworks
Remove background from images in a single click
Improves any image in Figma to make it high resolution
Upscale low resolution images using machine learning
Supercharge your variable workflows
Displays variables used in the selection
Fast, easy and practical powerful icon production and batch export tool
Export WebP files from Figma for Web or Android
Quickly apply flexible Auto Layout presets and align Auto Layout content
Tools to help you design XR applications
Widgets#
Open links and navigate your design canvas in one click
Craft AI-powered user experiences by shaping the behavior of large language models (LLMs) right in your canvas
Seamlessly create changelogs for you and your team
Scribble quick interfaces on device mockups in FigJam
Build data visualizations and graphs with the Vega-Lite language
Quickly import and embed PDF files into your FigJam boards
Fill in the blanks, together
Write notes in Markdown
Team estimations made easy
Make it easy to take notes in Markdown
A story mapping widget to focus on outcomes instead of outputs
Split up into teams, useful for virtual workshops
Run quick polls in FigJam
(function (\n { children, icon, variant, ...rest },\n ref\n) {\n return (\n \n {icon}\n {children}\n
\n )\n})\n"],"names":["Banner","createComponent","children","icon","variant","rest","ref","_jsxs","class","createClassName","styles","banner","_jsx"],"mappings":"6TAaaA,EAASC,EAA6C,SACjE,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,EAAS,GAAGC,CAAK,EACnCC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAOC,EAAgB,CACrBC,EAAOC,OACP,OAAOP,EAAY,IAAc,KAAOM,EAAON,CAAO,CAAC,CACxD,EAAEF,UAEHU,EAAA,MAAA,CAAKJ,MAAOE,EAAOP,KAAKD,SAAEC,CAAAA,CAAU,EACpCS,EAAA,MAAA,CAAKJ,MAAOE,EAAOR,SAASA,SAAAA,CAAAA,CAAgB,CAAC,CAAA,CAC1C,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/banner-0efaf16b.js b/storybook/assets/banner-_WMKvoGx.js
similarity index 59%
rename from storybook/assets/banner-0efaf16b.js
rename to storybook/assets/banner-_WMKvoGx.js
index 0a047a471..5f5862189 100644
--- a/storybook/assets/banner-0efaf16b.js
+++ b/storybook/assets/banner-_WMKvoGx.js
@@ -1,2 +1 @@
-import{c as l}from"./create-class-name-71c46838.js";import{c as t}from"./create-component-b0512abd.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const a="_banner_1qlmg_1",_="_success_1qlmg_9",m="_warning_1qlmg_12",d="_icon_1qlmg_16",g="_children_1qlmg_30",n={banner:a,success:_,warning:m,icon:d,children:g},p=t(function({children:e,icon:r,variant:s,...o},i){return c("div",{...o,ref:i,class:l([n.banner,typeof s>"u"?null:n[s]]),children:[c("div",{class:n.icon,children:r}),c("div",{class:n.children,children:e})]})});export{p as B};
-//# sourceMappingURL=banner-0efaf16b.js.map
+import{c as l}from"./create-class-name-gq91Tlk7.js";import{c as t}from"./create-component-a83A1_Pu.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const a="_banner_1qlmg_1",_="_success_1qlmg_9",m="_warning_1qlmg_12",d="_icon_1qlmg_16",g="_children_1qlmg_30",n={banner:a,success:_,warning:m,icon:d,children:g},p=t(function({children:e,icon:r,variant:s,...o},i){return c("div",{...o,ref:i,class:l([n.banner,typeof s>"u"?null:n[s]]),children:[c("div",{class:n.icon,children:r}),c("div",{class:n.children,children:e})]})});export{p as B};
diff --git a/storybook/assets/banner-464dc457.css b/storybook/assets/banner-w3c3sfs4.css
similarity index 100%
rename from storybook/assets/banner-464dc457.css
rename to storybook/assets/banner-w3c3sfs4.css
diff --git a/storybook/assets/banner.stories-8ad76332.js.map b/storybook/assets/banner.stories-8ad76332.js.map
deleted file mode 100644
index 7046cd7b5..000000000
--- a/storybook/assets/banner.stories-8ad76332.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"banner.stories-8ad76332.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/banner.stories-8ad76332.js b/storybook/assets/banner.stories-Mcfai9vy.js
similarity index 76%
rename from storybook/assets/banner.stories-8ad76332.js
rename to storybook/assets/banner.stories-Mcfai9vy.js
index a21a08e28..855e1ac98 100644
--- a/storybook/assets/banner.stories-8ad76332.js
+++ b/storybook/assets/banner.stories-Mcfai9vy.js
@@ -1,4 +1,4 @@
-import{I as l,a as g,b as x}from"./icon-warning-32-b4db70b9.js";import{B as o}from"./banner-0efaf16b.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";const v={parameters:{fixedWidth:!0},title:"Components/Banner"},r=function(){return n(o,{icon:n(l,{}),children:"Text"})},e=function(){return n(o,{icon:n(g,{}),variant:"success",children:"Text"})},a=function(){return n(o,{icon:n(x,{}),variant:"warning",children:"Text"})};var t,c,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+import{I as l,a as g,b as x}from"./icon-warning-32-EzzE98O2.js";import{B as o}from"./banner-_WMKvoGx.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";const v={parameters:{fixedWidth:!0},title:"Components/Banner"},r=function(){return n(o,{icon:n(l,{}),children:"Text"})},e=function(){return n(o,{icon:n(g,{}),variant:"success",children:"Text"})},a=function(){return n(o,{icon:n(x,{}),variant:"warning",children:"Text"})};var t,c,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
return (function (\n { children, ...rest },\n ref\n) {\n return (\n \n {children}\n \n )\n})\n"],"names":["Bold","createComponent","children","rest","ref","_jsx","class","styles","bold"],"mappings":"0IASaA,EAAOC,EAA4C,SAC9D,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,SAAA,CAAA,GAAYF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,KAAKN,SAAAA,CAAAA,CAEvC,CAEZ,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/bold-bec3b1f9.css b/storybook/assets/bold-jfQ55EAv.css
similarity index 100%
rename from storybook/assets/bold-bec3b1f9.css
rename to storybook/assets/bold-jfQ55EAv.css
diff --git a/storybook/assets/bold.stories-5a775a7f.js.map b/storybook/assets/bold.stories-5a775a7f.js.map
deleted file mode 100644
index f479caec2..000000000
--- a/storybook/assets/bold.stories-5a775a7f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"bold.stories-5a775a7f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
\ No newline at end of file
diff --git a/storybook/assets/bold.stories-5a775a7f.js b/storybook/assets/bold.stories-H_NR_i94.js
similarity index 57%
rename from storybook/assets/bold.stories-5a775a7f.js
rename to storybook/assets/bold.stories-H_NR_i94.js
index ce62f18ef..201fd876d 100644
--- a/storybook/assets/bold.stories-5a775a7f.js
+++ b/storybook/assets/bold.stories-H_NR_i94.js
@@ -1,6 +1,5 @@
-import{T as s}from"./text-72c2365d.js";import{B as a}from"./bold-fe504295.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const u={title:"Inline Text/Bold"},r=function(){return t(s,{children:t(a,{children:"Text"})})};var e,o,n;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
+import{T as s}from"./text-SssoFudj.js";import{B as a}from"./bold-Jm537La9.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const u={title:"Inline Text/Bold"},r=function(){return t(s,{children:t(a,{children:"Text"})})};var e,o,n;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
return
Text
;
}`,...(n=(o=r.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const f=["Default"];export{r as Default,f as __namedExportsOrder,u as default};
-//# sourceMappingURL=bold.stories-5a775a7f.js.map
diff --git a/storybook/assets/button-49678b56.js b/storybook/assets/button-49678b56.js
deleted file mode 100644
index 565381ce4..000000000
--- a/storybook/assets/button-49678b56.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h,T as g}from"./create-component-b0512abd.js";import{c as y}from"./create-class-name-71c46838.js";import{n as s}from"./no-op-cb277961.js";import{L as C}from"./loading-indicator-a4a1d996.js";import{b as r}from"./button.module-2bfe3ef2.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";const v=h(function({children:i,danger:u=!1,disabled:n=!1,fullWidth:c=!1,loading:l=!1,onClick:d=s,onKeyDown:e=s,propagateEscapeKeyDown:a=!0,secondary:f=!1,...m},p){const b=g(function(o){e(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[e,a]);return t("div",{class:y([r.button,f===!0?r.secondary:r.default,u===!0?r.danger:null,c===!0?r.fullWidth:null,n===!0?r.disabled:null,l===!0?r.loading:null]),children:[l===!0?t("div",{class:r.loadingIndicator,children:t(C,{})}):null,t("button",{...m,ref:p,disabled:n===!0,onClick:l===!0?void 0:d,onKeyDown:b,tabIndex:0,children:t("div",{class:r.children,children:i})})]})});export{v as B};
-//# sourceMappingURL=button-49678b56.js.map
diff --git a/storybook/assets/button-49678b56.js.map b/storybook/assets/button-49678b56.js.map
deleted file mode 100644
index 577e5a8f0..000000000
--- a/storybook/assets/button-49678b56.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-49678b56.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport { LoadingIndicator } from '../loading-indicator/loading-indicator.js'\nimport styles from './button.module.css'\n\nexport interface ButtonProps\n extends FocusableComponentProps {\n children: ComponentChildren\n danger?: boolean\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n onClick?: EventHandler.onClick\n secondary?: boolean\n}\n\nexport const Button = createComponent(function (\n {\n children,\n danger = false,\n disabled = false,\n fullWidth = false,\n loading = false,\n onClick = noop,\n onKeyDown = noop,\n propagateEscapeKeyDown = true,\n secondary = false,\n ...rest\n },\n ref\n) {\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n {loading === true ? (\n \n \n {children}\n \n \n )\n})\n"],"names":["Button","createComponent","children","danger","disabled","fullWidth","loading","onClick","noop","onKeyDown","propagateEscapeKeyDown","secondary","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsxs","class","createClassName","styles","button","default","_jsx","loadingIndicator","LoadingIndicator","undefined","tabIndex"],"mappings":"8SAsBaA,MAAAA,EAASC,EAAgD,SACpE,CACEC,SAAAA,EACAC,OAAAA,EAAS,GACTC,SAAAA,EAAW,GACXC,UAAAA,EAAY,GACZC,QAAAA,EAAU,GACVC,QAAAA,EAAUC,EACVC,UAAAA,EAAYD,EACZE,uBAAAA,EAAyB,GACzBC,UAAAA,EAAY,GACZ,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDP,EAAUO,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACX,EAAWC,CAAsB,CACpC,EAEA,OACEW,EAAA,MAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,OACPd,IAAc,GAAOa,EAAOb,UAAYa,EAAOE,QAC/CvB,IAAW,GAAOqB,EAAOrB,OAAS,KAClCE,IAAc,GAAOmB,EAAOnB,UAAY,KACxCD,IAAa,GAAOoB,EAAOpB,SAAW,KACtCE,IAAY,GAAOkB,EAAOlB,QAAU,IAAI,CACzC,EAAEJ,SAEFI,CAAAA,IAAY,GACXqB,EAAA,MAAA,CAAKL,MAAOE,EAAOI,iBAAiB1B,SAClCyB,EAACE,EAAkB,EAAA,CAAA,CAChB,EACH,KACJF,EAAA,SAAA,CAAA,GACMf,EACJC,IAAAA,EACAT,SAAUA,IAAa,GACvBG,QAASD,IAAY,GAAOwB,OAAYvB,EACxCE,UAAWK,EACXiB,SAAU,EAAE7B,SAEZyB,EAAA,MAAA,CAAKL,MAAOE,EAAOtB,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CACtC,CAAC,CAAA,CACN,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/button-7i81gHC9.js b/storybook/assets/button-7i81gHC9.js
new file mode 100644
index 000000000..29e77b0dc
--- /dev/null
+++ b/storybook/assets/button-7i81gHC9.js
@@ -0,0 +1 @@
+import{c as h,T as g}from"./create-component-a83A1_Pu.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n as s}from"./no-op-Uu3q6ZSj.js";import{L as C}from"./loading-indicator-NeprGR7l.js";import{b as r}from"./button.module-7LHM3uxw.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";const v=h(function({children:u,danger:i=!1,disabled:n=!1,fullWidth:c=!1,loading:l=!1,onClick:d=s,onKeyDown:e=s,propagateEscapeKeyDown:a=!0,secondary:f=!1,...m},p){const b=g(function(o){e(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[e,a]);return t("div",{class:y([r.button,f===!0?r.secondary:r.default,i===!0?r.danger:null,c===!0?r.fullWidth:null,n===!0?r.disabled:null,l===!0?r.loading:null]),children:[l===!0?t("div",{class:r.loadingIndicator,children:t(C,{})}):null,t("button",{...m,ref:p,disabled:n===!0,onClick:l===!0?void 0:d,onKeyDown:b,tabIndex:0,children:t("div",{class:r.children,children:u})})]})});export{v as B};
diff --git a/storybook/assets/button-danger.stories-4c074330.js.map b/storybook/assets/button-danger.stories-4c074330.js.map
deleted file mode 100644
index f6ff1b3fb..000000000
--- a/storybook/assets/button-danger.stories-4c074330.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-danger.stories-4c074330.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-danger.stories-4c074330.js b/storybook/assets/button-danger.stories-IDoEabzs.js
similarity index 66%
rename from storybook/assets/button-danger.stories-4c074330.js
rename to storybook/assets/button-danger.stories-IDoEabzs.js
index 37f93d805..8f1a172b9 100644
--- a/storybook/assets/button-danger.stories-4c074330.js
+++ b/storybook/assets/button-danger.stories-IDoEabzs.js
@@ -1,4 +1,4 @@
-import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["2"],title:"Components/Button/Danger"},c=function(){function n(t){console.log(t)}return o(e,{danger:!0,onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),danger:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),danger:!0,loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{danger:!0,fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as H}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["2"],title:"Components/Button/Danger"},c=function(){function n(t){console.log(t)}return o(e,{danger:!0,onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),danger:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),danger:!0,loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{danger:!0,fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
function handleClick(event: JSX.TargetedMouseEvent) {
console.log(event);
}
@@ -48,4 +48,3 @@ import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
Text
;
}`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{a as Disabled,i as Focused,r as FullWidth,l as Loading,s as LoadingDisabled,u as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-danger.stories-4c074330.js.map
diff --git a/storybook/assets/button-default.stories-87bd9c88.js.map b/storybook/assets/button-default.stories-87bd9c88.js.map
deleted file mode 100644
index 1d78a4e29..000000000
--- a/storybook/assets/button-default.stories-87bd9c88.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-default.stories-87bd9c88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-default.stories-87bd9c88.js b/storybook/assets/button-default.stories-qkyf98_K.js
similarity index 65%
rename from storybook/assets/button-default.stories-87bd9c88.js
rename to storybook/assets/button-default.stories-qkyf98_K.js
index bbf9b78f1..2f01cdab0 100644
--- a/storybook/assets/button-default.stories-87bd9c88.js
+++ b/storybook/assets/button-default.stories-qkyf98_K.js
@@ -1,4 +1,4 @@
-import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["1"],title:"Components/Button/Default"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as H}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["1"],title:"Components/Button/Default"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
function handleClick(event: JSX.TargetedMouseEvent) {
console.log(event);
}
@@ -46,4 +46,3 @@ import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
Text
;
}`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{l as Disabled,i as Focused,r as FullWidth,a as Loading,u as LoadingDisabled,s as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-default.stories-87bd9c88.js.map
diff --git a/storybook/assets/button-f70ecda2.css b/storybook/assets/button-j2Biga2D.css
similarity index 100%
rename from storybook/assets/button-f70ecda2.css
rename to storybook/assets/button-j2Biga2D.css
diff --git a/storybook/assets/button-secondary-danger.stories-89e8f833.js.map b/storybook/assets/button-secondary-danger.stories-89e8f833.js.map
deleted file mode 100644
index 5421f6300..000000000
--- a/storybook/assets/button-secondary-danger.stories-89e8f833.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-secondary-danger.stories-89e8f833.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-secondary-danger.stories-89e8f833.js b/storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
similarity index 63%
rename from storybook/assets/button-secondary-danger.stories-89e8f833.js
rename to storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
index 79b9f81d9..f9083cfed 100644
--- a/storybook/assets/button-secondary-danger.stories-89e8f833.js
+++ b/storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
@@ -1,4 +1,4 @@
-import{u as W}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["4"],title:"Components/Button/Secondary Danger"},c=function(){function n(r){console.log(r)}return o(e,{danger:!0,onClick:n,secondary:!0,children:"Text"})},a=function(){function n(r){console.log(r)}return o(e,{...W(),danger:!0,onClick:n,secondary:!0,children:"Text"})},i=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...W(),danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},t=function(){function n(r){console.log(r)}return o(e,{danger:!0,fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};t.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as W}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["4"],title:"Components/Button/Secondary Danger"},c=function(){function n(r){console.log(r)}return o(e,{danger:!0,onClick:n,secondary:!0,children:"Text"})},a=function(){function n(r){console.log(r)}return o(e,{...W(),danger:!0,onClick:n,secondary:!0,children:"Text"})},i=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...W(),danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},t=function(){function n(r){console.log(r)}return o(e,{danger:!0,fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};t.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
function handleClick(event: JSX.TargetedMouseEvent) {
console.log(event);
}
@@ -48,4 +48,3 @@ import{u as W}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
Text
;
}`,...(M=(D=t.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{i as Disabled,a as Focused,t as FullWidth,s as Loading,l as LoadingDisabled,u as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-secondary-danger.stories-89e8f833.js.map
diff --git a/storybook/assets/button-secondary.stories-388a8fcc.js.map b/storybook/assets/button-secondary.stories-388a8fcc.js.map
deleted file mode 100644
index d32caf975..000000000
--- a/storybook/assets/button-secondary.stories-388a8fcc.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-secondary.stories-388a8fcc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-secondary.stories-388a8fcc.js b/storybook/assets/button-secondary.stories-B8DDp3TX.js
similarity index 66%
rename from storybook/assets/button-secondary.stories-388a8fcc.js
rename to storybook/assets/button-secondary.stories-B8DDp3TX.js
index f56632995..dff2b73c6 100644
--- a/storybook/assets/button-secondary.stories-388a8fcc.js
+++ b/storybook/assets/button-secondary.stories-B8DDp3TX.js
@@ -1,4 +1,4 @@
-import{u as D}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["3"],title:"Components/Button/Secondary"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,secondary:!0,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...D(),onClick:n,secondary:!0,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{...D(),loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as D}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["3"],title:"Components/Button/Secondary"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,secondary:!0,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...D(),onClick:n,secondary:!0,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{...D(),loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
function handleClick(event: JSX.TargetedMouseEvent) {
console.log(event);
}
@@ -48,4 +48,3 @@ import{u as D}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
Text
;
}`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{a as Disabled,i as Focused,r as FullWidth,s as Loading,u as LoadingDisabled,l as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-secondary.stories-388a8fcc.js.map
diff --git a/storybook/assets/button.module-2bfe3ef2.js.map b/storybook/assets/button.module-2bfe3ef2.js.map
deleted file mode 100644
index 6ca3dd350..000000000
--- a/storybook/assets/button.module-2bfe3ef2.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button.module-2bfe3ef2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/storybook/assets/button.module-2bfe3ef2.js b/storybook/assets/button.module-7LHM3uxw.js
similarity index 86%
rename from storybook/assets/button.module-2bfe3ef2.js
rename to storybook/assets/button.module-7LHM3uxw.js
index efc6e04c0..bf2ab3f88 100644
--- a/storybook/assets/button.module-2bfe3ef2.js
+++ b/storybook/assets/button.module-7LHM3uxw.js
@@ -1,2 +1 @@
const n="_button_5fxgc_1",d="_fullWidth_5fxgc_7",c="_disabled_5fxgc_17",t="_danger_5fxgc_44",_="_secondary_5fxgc_56",o="_loadingIndicator_5fxgc_86",a="_children_5fxgc_122",l="_loading_5fxgc_86",g={button:n,fullWidth:d,disabled:c,default:"_default_5fxgc_29",danger:t,secondary:_,loadingIndicator:o,children:a,loading:l};export{g as b};
-//# sourceMappingURL=button.module-2bfe3ef2.js.map
diff --git a/storybook/assets/checkbox-2b57e0c7.css b/storybook/assets/checkbox-2b57e0c7.css
deleted file mode 100644
index 896f2271e..000000000
--- a/storybook/assets/checkbox-2b57e0c7.css
+++ /dev/null
@@ -1 +0,0 @@
-._checkbox_1a43f_1{position:relative;z-index:var(--z-index-1)}._input_1a43f_6{position:absolute;z-index:var( --z-index-1 );top:-8px;right:-16px;bottom:-8px;left:-16px;display:block;width:calc(100% + 32px)}._disabled_1a43f_18 ._input_1a43f_6{cursor:not-allowed}._fill_1a43f_22,._border_1a43f_23{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:var(--border-radius-2)}._border_1a43f_23{border:1px solid var(--figma-color-border-strong)}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:focus~._border_1a43f_23{border-color:var(--figma-color-border-brand-strong);box-shadow:0 0 0 1px var(--figma-color-border-brand-strong)}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked~._border_1a43f_23{border:0}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked:focus~._border_1a43f_23{box-shadow:0 0 0 1px var(--figma-color-bg),0 0 0 2px var(--figma-color-border-brand-strong)}._disabled_1a43f_18 ._input_1a43f_6~._border_1a43f_23{border-color:var(--figma-color-border-disabled-strong)}._disabled_1a43f_18 ._input_1a43f_6:checked~._border_1a43f_23{border:0}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked~._fill_1a43f_22{background-color:var(--figma-color-bg-brand)}._disabled_1a43f_18 ._input_1a43f_6:checked~._fill_1a43f_22{background-color:var(--figma-color-bg-disabled)}._checkIcon_1a43f_60{color:var(--figma-color-icon-onbrand)}._disabled_1a43f_18 ._checkIcon_1a43f_60{color:var(--figma-color-icon-ondisabled)}._children_1a43f_67{min-height:12px;padding:2px 0 0 20px;color:var(--figma-color-text)}._disabled_1a43f_18 ._children_1a43f_67{opacity:var(--opacity-30)}
diff --git a/storybook/assets/checkbox-b26472f0.js b/storybook/assets/checkbox-b26472f0.js
deleted file mode 100644
index 7e810ff4d..000000000
--- a/storybook/assets/checkbox-b26472f0.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as p,T as d}from"./create-component-b0512abd.js";import{I as m}from"./icon-control-checkbox-checked-12-fd838326.js";import{c as x}from"./create-class-name-71c46838.js";import{n}from"./no-op-cb277961.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";const C="_checkbox_1a43f_1",I="_input_1a43f_6",y="_disabled_1a43f_18",T="_fill_1a43f_22",g="_border_1a43f_23",w="_checkIcon_1a43f_60",N="_children_1a43f_67",o={checkbox:C,input:I,disabled:y,fill:T,border:g,checkIcon:w,children:N},B=p(function({children:f,disabled:r=!1,onChange:t=n,onKeyDown:s=n,onValueChange:l=n,propagateEscapeKeyDown:i=!0,value:a,...h},_){const u=d(function(c){t(c);const k=c.currentTarget.checked===!0;l(k)},[t,l]),b=d(function(c){s(c),c.key==="Escape"&&(i===!1&&c.stopPropagation(),c.currentTarget.blur())},[s,i]);return e("label",{class:x([o.checkbox,r===!0?o.disabled:null]),children:[e("input",{...h,ref:_,checked:a===!0,class:o.input,disabled:r===!0,onChange:u,onKeyDown:b,tabIndex:0,type:"checkbox"}),e("div",{class:o.fill,children:a===!0?e("div",{class:o.checkIcon,children:e(m,{})}):null}),e("div",{class:o.border}),e("div",{class:o.children,children:f})]})});export{B as C};
-//# sourceMappingURL=checkbox-b26472f0.js.map
diff --git a/storybook/assets/checkbox-b26472f0.js.map b/storybook/assets/checkbox-b26472f0.js.map
deleted file mode 100644
index e48b6265f..000000000
--- a/storybook/assets/checkbox-b26472f0.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-b26472f0.js","sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { IconControlCheckboxChecked12 } from '../../icons/icon-12/icon-control-checkbox-checked-12.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './checkbox.module.css'\n\nexport interface CheckboxProps\n extends FocusableComponentProps {\n children: ComponentChildren\n disabled?: boolean\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n value: boolean\n}\n\nexport const Checkbox = createComponent(\n function (\n {\n children,\n disabled = false,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n ) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const newValue = event.currentTarget.checked === true\n onValueChange(newValue)\n },\n [onChange, onValueChange]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n (true);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
Text
;
}`,...(w=(k=s.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const X=["Passive","Focused","Disabled","OnValueChange"];export{l as Disabled,c as Focused,s as OnValueChange,u as Passive,X as __namedExportsOrder,P as default};
-//# sourceMappingURL=checkbox-selected.stories-1db7411b.js.map
diff --git a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map b/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map
deleted file mode 100644
index 2e6f43701..000000000
--- a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-unselected.stories-1ce5b43b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js b/storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
similarity index 84%
rename from storybook/assets/checkbox-unselected.stories-1ce5b43b.js
rename to storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
index 2131c58d9..7d5e1af0e 100644
--- a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js
+++ b/storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
@@ -1,4 +1,4 @@
-import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-initial-focus-57bdde46.js";import{T as h}from"./text-72c2365d.js";import{C as i}from"./checkbox-b26472f0.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./icon-control-checkbox-checked-12-fd838326.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const P={tags:["1"],title:"Components/Checkbox/Unselected"},s=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{onChange:t,value:n,children:e(h,{children:"Text"})})},l=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{...S(),onChange:t,value:n,children:e(h,{children:"Text"})})},c=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!1,children:e(h,{children:"Text"})})},u=function(){const[n,o]=d(!1);function t(a){console.log(a),o(a)}return e(i,{onValueChange:t,value:n,children:e(h,{children:"Text"})})};var g,m,C;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
+import{h as d}from"./create-component-a83A1_Pu.js";import{u as S}from"./use-initial-focus-xmfxIugy.js";import{T as h}from"./text-SssoFudj.js";import{C as i}from"./checkbox-whaqbIRT.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./icon-control-checkbox-checked-12-1nQT_nAV.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const P={tags:["1"],title:"Components/Checkbox/Unselected"},s=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{onChange:t,value:n,children:e(h,{children:"Text"})})},l=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{...S(),onChange:t,value:n,children:e(h,{children:"Text"})})},c=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!1,children:e(h,{children:"Text"})})},u=function(){const[n,o]=d(!1);function t(a){console.log(a),o(a)}return e(i,{onValueChange:t,value:n,children:e(h,{children:"Text"})})};var g,m,C;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
const [value, setValue] = useState(false);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
Text
;
}`,...(w=(k=u.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const U=["Passive","Focused","Disabled","OnValueChange"];export{c as Disabled,l as Focused,u as OnValueChange,s as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=checkbox-unselected.stories-1ce5b43b.js.map
diff --git a/storybook/assets/checkbox-whaqbIRT.js b/storybook/assets/checkbox-whaqbIRT.js
new file mode 100644
index 000000000..469f58c8b
--- /dev/null
+++ b/storybook/assets/checkbox-whaqbIRT.js
@@ -0,0 +1 @@
+import{c as p,T as h}from"./create-component-a83A1_Pu.js";import{I as m}from"./icon-control-checkbox-checked-12-1nQT_nAV.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n}from"./no-op-Uu3q6ZSj.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";const x="_checkbox_hvyza_1",z="_input_hvyza_6",C="_disabled_hvyza_18",I="_fill_hvyza_22",v="_border_hvyza_23",T="_checkIcon_hvyza_61",g="_children_hvyza_68",o={checkbox:x,input:z,disabled:C,fill:I,border:v,checkIcon:T,children:g},A=p(function({children:d,disabled:r=!1,onChange:t=n,onKeyDown:s=n,onValueChange:l=n,propagateEscapeKeyDown:i=!0,value:a,..._},u){const b=h(function(c){t(c);const k=c.currentTarget.checked===!0;l(k)},[t,l]),f=h(function(c){s(c),c.key==="Escape"&&(i===!1&&c.stopPropagation(),c.currentTarget.blur())},[s,i]);return e("label",{class:y([o.checkbox,r===!0?o.disabled:null]),children:[e("input",{..._,ref:u,checked:a===!0,class:o.input,disabled:r===!0,onChange:b,onKeyDown:f,tabIndex:0,type:"checkbox"}),e("div",{class:o.fill,children:a===!0?e("div",{class:o.checkIcon,children:e(m,{})}):null}),e("div",{class:o.border}),e("div",{class:o.children,children:d})]})});export{A as C};
diff --git a/storybook/assets/code.stories-8acd8039.css b/storybook/assets/code-9uEzsybj.css
similarity index 100%
rename from storybook/assets/code.stories-8acd8039.css
rename to storybook/assets/code-9uEzsybj.css
diff --git a/storybook/assets/code.stories-8a74b352.js b/storybook/assets/code.stories-8a74b352.js
deleted file mode 100644
index e058a3e98..000000000
--- a/storybook/assets/code.stories-8a74b352.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import{T as d}from"./text-72c2365d.js";import{c as i}from"./create-component-b0512abd.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./preact.module-fa42f7d1.js";const m="_code_5nbkq_1",p={code:m},u=i(function({children:c,...s},a){return o("code",{...s,ref:a,class:p.code,children:c})}),C={title:"Inline Text/Code"},e=function(){return o(d,{children:o(u,{children:"Text"})})};var t,r,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
- return
- Text
- ;
-}`,...(n=(r=e.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,C as default};
-//# sourceMappingURL=code.stories-8a74b352.js.map
diff --git a/storybook/assets/code.stories-8a74b352.js.map b/storybook/assets/code.stories-8a74b352.js.map
deleted file mode 100644
index 1fa37b4df..000000000
--- a/storybook/assets/code.stories-8a74b352.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"code.stories-8a74b352.js","sources":["../../src/inline-text/code/code.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './code.module.css'\n\nexport type CodeProps = {\n children: ComponentChildren\n}\n\nexport const Code = createComponent(function (\n { children, ...rest },\n ref\n) {\n return (\n \n {children}\n \n )\n})\n"],"names":["Code","createComponent","children","rest","ref","_jsx","class","styles","code"],"mappings":"wPASaA,EAAOC,EAA4C,SAC9D,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,OAAA,CAAA,GAAUF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,KAAKN,SAAAA,CAAAA,CAEvC,CAEV,CAAC;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/code.stories-djj4bJBQ.js b/storybook/assets/code.stories-djj4bJBQ.js
new file mode 100644
index 000000000..03171515f
--- /dev/null
+++ b/storybook/assets/code.stories-djj4bJBQ.js
@@ -0,0 +1,5 @@
+import{T as d}from"./text-SssoFudj.js";import{c as i}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./preact.module-pS-_M4k6.js";const m="_code_5nbkq_1",u={code:m},p=i(function({children:c,...s},a){return o("code",{...s,ref:a,class:u.code,children:c})}),C={title:"Inline Text/Code"},e=function(){return o(d,{children:o(p,{children:"Text"})})};var t,r,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+ return
+ Text
+ ;
+}`,...(n=(r=e.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,C as default};
diff --git a/storybook/assets/columns-290be62d.js b/storybook/assets/columns-290be62d.js
deleted file mode 100644
index bd7be837e..000000000
--- a/storybook/assets/columns-290be62d.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{C as s}from"./preact.module-fa42f7d1.js";import{c}from"./create-class-name-71c46838.js";import{c as _}from"./create-component-b0512abd.js";import{o}from"./jsxRuntime.module-632ba37d.js";const i="_columns_ybv3x_1",u="_extraSmall_ybv3x_4",x="_small_ybv3x_7",d="_medium_ybv3x_10",v="_large_ybv3x_13",y="_extraLarge_ybv3x_16",f="_child_ybv3x_20",l={columns:i,extraSmall:u,small:x,medium:d,large:v,extraLarge:y,child:f},C=_(function({children:r,space:e,...t},m){return o("div",{...t,ref:m,class:c([l.columns,typeof e>"u"?null:l[e]]),children:s(r).map(function(a,n){return o("div",{class:l.child,children:a},n)})})});export{C};
-//# sourceMappingURL=columns-290be62d.js.map
diff --git a/storybook/assets/columns-290be62d.js.map b/storybook/assets/columns-290be62d.js.map
deleted file mode 100644
index bb40a7fb8..000000000
--- a/storybook/assets/columns-290be62d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"columns-290be62d.js","sources":["../../src/layout/columns/columns.tsx"],"sourcesContent":["import { ComponentChild, h, toChildArray } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './columns.module.css'\n\nexport type ColumnsProps = {\n children: ComponentChild\n space?: ColumnsSpace\n}\nexport type ColumnsSpace = Space\n\nexport const Columns = createComponent(function (\n { children, space, ...rest },\n ref\n) {\n return (\n \n {toChildArray(children).map(function (\n element: ComponentChild,\n index: number\n ) {\n return (\n \n {element}\n \n )\n })}\n \n )\n})\n"],"names":["Columns","createComponent","children","space","rest","ref","_jsx","class","createClassName","styles","columns","toChildArray","map","element","index","child"],"mappings":"saAaaA,EAAUC,EAA8C,SACnE,CAAEC,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAK,EAC3BC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAOC,EAAgB,CACrBC,EAAOC,QACP,OAAOP,EAAU,IAAc,KAAOM,EAAON,CAAK,CAAC,CACpD,EAAED,SAEFS,EAAaT,CAAQ,EAAEU,IAAI,SAC1BC,EACAC,EACA,CACA,OACER,EAAA,MAAA,CAAiBC,MAAOE,EAAOM,MAAMb,SAClCW,GADOC,CAEL,CAAA,CAER,CAAA,CACE,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/columns-U3hU5xxd.js b/storybook/assets/columns-U3hU5xxd.js
new file mode 100644
index 000000000..b4e199402
--- /dev/null
+++ b/storybook/assets/columns-U3hU5xxd.js
@@ -0,0 +1 @@
+import{$ as s}from"./preact.module-pS-_M4k6.js";import{c}from"./create-class-name-gq91Tlk7.js";import{c as _}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const i="_columns_ybv3x_1",u="_extraSmall_ybv3x_4",x="_small_ybv3x_7",d="_medium_ybv3x_10",v="_large_ybv3x_13",y="_extraLarge_ybv3x_16",f="_child_ybv3x_20",l={columns:i,extraSmall:u,small:x,medium:d,large:v,extraLarge:y,child:f},C=_(function({children:t,space:e,...m},o){return r("div",{...m,ref:o,class:c([l.columns,typeof e>"u"?null:l[e]]),children:s(t).map(function(a,n){return r("div",{class:l.child,children:a},n)})})});export{C};
diff --git a/storybook/assets/columns-9e8b9a5e.css b/storybook/assets/columns-t8U3x5Er.css
similarity index 100%
rename from storybook/assets/columns-9e8b9a5e.css
rename to storybook/assets/columns-t8U3x5Er.css
diff --git a/storybook/assets/columns.stories-1299682b.js.map b/storybook/assets/columns.stories-1299682b.js.map
deleted file mode 100644
index 4b6867dd1..000000000
--- a/storybook/assets/columns.stories-1299682b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"columns.stories-1299682b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/columns.stories-1299682b.js b/storybook/assets/columns.stories-y9TMP2Pz.js
similarity index 63%
rename from storybook/assets/columns.stories-1299682b.js
rename to storybook/assets/columns.stories-y9TMP2Pz.js
index 33085a517..38585f1a9 100644
--- a/storybook/assets/columns.stories-1299682b.js
+++ b/storybook/assets/columns.stories-y9TMP2Pz.js
@@ -1,4 +1,4 @@
-import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";const j={parameters:{fixedWidth:!0},title:"Layout/Columns"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var n,d,u;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
+import{C as a}from"./columns-U3hU5xxd.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";const j={parameters:{fixedWidth:!0},title:"Layout/Columns"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},n=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var c,d,u;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -7,7 +7,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(u=(d=o.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var m,v,y;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+}`,...(u=(d=o.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var m,v,y;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -16,7 +16,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(y=(v=t.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var b,p,g;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
+}`,...(y=(v=n.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var b,p,g;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -25,7 +25,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(g=(p=s.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,C,h;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
+}`,...(g=(p=t.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,C,h;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -34,7 +34,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(h=(C=i.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var S,k,z;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
+}`,...(h=(C=s.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var S,k,z;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -43,7 +43,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(z=(k=l.parameters)==null?void 0:k.docs)==null?void 0:z.source}}};var x,L,E;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
+}`,...(z=(k=i.parameters)==null?void 0:k.docs)==null?void 0:z.source}}};var x,L,E;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -52,5 +52,4 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
bar
baz
;
-}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,c as ExtraLargeSpace,t as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,s as SmallSpace,q as __namedExportsOrder,j as default};
-//# sourceMappingURL=columns.stories-1299682b.js.map
+}`,...(E=(L=l.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,l as ExtraLargeSpace,n as ExtraSmallSpace,i as LargeSpace,s as MediumSpace,t as SmallSpace,q as __namedExportsOrder,j as default};
diff --git a/storybook/assets/compute-next-value-3d847061.js.map b/storybook/assets/compute-next-value-3d847061.js.map
deleted file mode 100644
index f2d395672..000000000
--- a/storybook/assets/compute-next-value-3d847061.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"compute-next-value-3d847061.js","sources":["../../src/components/textbox/private/compute-next-value.ts"],"sourcesContent":["export function computeNextValue(\n inputElement: HTMLInputElement,\n insertedString: string\n): string {\n const value = inputElement.value\n const selectionStart = inputElement.selectionStart\n const selectionEnd = inputElement.selectionEnd\n return `${value.substring(\n 0,\n selectionStart === null ? 0 : selectionStart\n )}${insertedString}${value.substring(\n selectionEnd === null ? 0 : selectionEnd\n )}`\n}\n"],"names":["computeNextValue","inputElement","insertedString","value","selectionStart","selectionEnd","substring"],"mappings":"AAAgBA,SAAAA,EACdC,EACAC,EACQ,CACR,MAAMC,EAAQF,EAAaE,MACrBC,EAAiBH,EAAaG,eAC9BC,EAAeJ,EAAaI,aAClC,MAAQ,GAAEF,EAAMG,UACd,EACAF,IAAmB,KAAO,EAAIA,CAChC,CAAE,GAAEF,CAAe,GAAEC,EAAMG,UACzBD,IAAiB,KAAO,EAAIA,CAC9B,CAAE,EACJ"}
\ No newline at end of file
diff --git a/storybook/assets/compute-next-value-3d847061.js b/storybook/assets/compute-next-value-v04i_0LO.js
similarity index 73%
rename from storybook/assets/compute-next-value-3d847061.js
rename to storybook/assets/compute-next-value-v04i_0LO.js
index f8e6347de..ef39ec769 100644
--- a/storybook/assets/compute-next-value-3d847061.js
+++ b/storybook/assets/compute-next-value-v04i_0LO.js
@@ -1,2 +1 @@
function o(t,c){const n=t.value,s=t.selectionStart,e=t.selectionEnd;return`${n.substring(0,s===null?0:s)}${c}${n.substring(e===null?0:e)}`}export{o as c};
-//# sourceMappingURL=compute-next-value-3d847061.js.map
diff --git a/storybook/assets/config-986ae472.js b/storybook/assets/config-986ae472.js
deleted file mode 100644
index 85c5813e3..000000000
--- a/storybook/assets/config-986ae472.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import{y as g,p as y,k as $,B as l}from"./preact.module-fa42f7d1.js";function w(r){for(var e=[],t=1;t{let{id:t,component:n}=e;if(!n)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return x(n,{...r})},h;function m(r,e){$?l(r,e):h=l(r,e,h)}var C=({showError:r,name:e,title:t,storyFn:n,canvasElement:c})=>g(n,null)||(r({title:`Expecting a Preact element from the story: "${e}" of "${t}".`,description:w`
- Did you forget to return the Preact element from the story?
- Use "() => ((\n function ({ space, ...rest }, ref) {\n return \n }\n)\n"],"names":["Container","createComponent","space","rest","ref","_jsx","class","styles"],"mappings":"oTAYaA,EAAYC,EACvB,SAAU,CAAEC,MAAAA,EAAO,GAAGC,CAAK,EAAGC,EAAK,CACjC,OAAOC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOL,CAAK,CAAA,CAAI,CACzD,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/container.stories-db68c1b3.js b/storybook/assets/container.stories-upSfGUWB.js
similarity index 71%
rename from storybook/assets/container.stories-db68c1b3.js
rename to storybook/assets/container.stories-upSfGUWB.js
index 155c04fd1..fd658a9a2 100644
--- a/storybook/assets/container.stories-db68c1b3.js
+++ b/storybook/assets/container.stories-upSfGUWB.js
@@ -1,37 +1,36 @@
-import{c as T}from"./create-component-b0512abd.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const h="_extraSmall_1oe77_1",E="_small_1oe77_4",M="_medium_1oe77_7",O="_large_1oe77_10",W="_extraLarge_1oe77_13",j={extraSmall:h,small:E,medium:M,large:O,extraLarge:W},a=T(function({space:r,...k},L){return e("div",{...k,ref:L,class:j[r]})}),A={parameters:{fixedWidth:!0},title:"Layout/Container"},t=function(){return e(a,{space:"extraSmall",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},o=function(){return e(a,{space:"small",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},s=function(){return e(a,{space:"medium",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},n=function(){return e(a,{space:"large",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},c=function(){return e(a,{space:"extraLarge",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})};var l,i,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
+import{c as T}from"./create-component-a83A1_Pu.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const h="_extraSmall_1oe77_1",E="_small_1oe77_4",M="_medium_1oe77_7",O="_large_1oe77_10",W="_extraLarge_1oe77_13",j={extraSmall:h,small:E,medium:M,large:O,extraLarge:W},a=T(function({space:r,...k},L){return e("div",{...k,ref:L,class:j[r]})}),A={parameters:{fixedWidth:!0},title:"Layout/Container"},t=function(){return e(a,{space:"extraSmall",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},n=function(){return e(a,{space:"small",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},o=function(){return e(a,{space:"medium",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},s=function(){return e(a,{space:"large",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},c=function(){return e(a,{space:"extraLarge",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})};var l,i,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
return
Text
;
-}`,...(m=(i=t.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+}`,...(m=(i=t.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var u,d,g;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
return
Text
;
-}`,...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var p,y,b;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
+}`,...(g=(d=n.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var p,y,b;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
return
Text
;
-}`,...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var x,f,S;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
+}`,...(b=(y=o.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var x,f,S;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
return
Text
;
-}`,...(S=(f=n.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var C,_,v;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
+}`,...(S=(f=s.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var C,_,v;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
return
Text
;
-}`,...(v=(_=c.parameters)==null?void 0:_.docs)==null?void 0:v.source}}};const B=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{c as ExtraLargeSpace,t as ExtraSmallSpace,n as LargeSpace,s as MediumSpace,o as SmallSpace,B as __namedExportsOrder,A as default};
-//# sourceMappingURL=container.stories-db68c1b3.js.map
+}`,...(v=(_=c.parameters)==null?void 0:_.docs)==null?void 0:v.source}}};const B=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{c as ExtraLargeSpace,t as ExtraSmallSpace,s as LargeSpace,o as MediumSpace,n as SmallSpace,B as __namedExportsOrder,A as default};
diff --git a/storybook/assets/create-class-name-71c46838.js.map b/storybook/assets/create-class-name-71c46838.js.map
deleted file mode 100644
index 4f935c385..000000000
--- a/storybook/assets/create-class-name-71c46838.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-class-name-71c46838.js","sources":["../../src/utilities/create-class-name.ts"],"sourcesContent":["export function createClassName(classNames: Array): string {\n return classNames\n .filter(function (className: null | string): boolean {\n return className !== null\n })\n .join(' ')\n}\n"],"names":["createClassName","classNames","filter","className","join"],"mappings":"AAAO,SAASA,EAAgBC,EAA0C,CACjEA,OAAAA,EACJC,OAAO,SAAUC,EAAmC,CACnD,OAAOA,IAAc,IAAA,CACtB,EACAC,KAAK,GAAG,CACb"}
\ No newline at end of file
diff --git a/storybook/assets/create-class-name-71c46838.js b/storybook/assets/create-class-name-gq91Tlk7.js
similarity index 60%
rename from storybook/assets/create-class-name-71c46838.js
rename to storybook/assets/create-class-name-gq91Tlk7.js
index 6735ab6f9..4bd0652a2 100644
--- a/storybook/assets/create-class-name-71c46838.js
+++ b/storybook/assets/create-class-name-gq91Tlk7.js
@@ -1,2 +1 @@
function r(n){return n.filter(function(e){return e!==null}).join(" ")}export{r as c};
-//# sourceMappingURL=create-class-name-71c46838.js.map
diff --git a/storybook/assets/create-component-a83A1_Pu.js b/storybook/assets/create-component-a83A1_Pu.js
new file mode 100644
index 000000000..48acad812
--- /dev/null
+++ b/storybook/assets/create-component-a83A1_Pu.js
@@ -0,0 +1 @@
+import{l as i,b as p,y as g,g as P,$ as k,q as O}from"./preact.module-pS-_M4k6.js";var h,u,N,U,v=0,D=[],y=[],x=i.__b,S=i.__r,w=i.diffed,V=i.__c,A=i.unmount;function E(_,e){i.__h&&i.__h(u,_,v||e),v=0;var t=u.__H||(u.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:y}),t.__[_]}function b_(_){return v=1,__(J,_)}function __(_,e,t){var n=E(h++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):J(void 0,e),function(c){var a=n.__N?n.__N[0]:n.__[0],f=n.t(a,c);a!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=u,!u.u)){var r=function(c,a,f){if(!n.__c.__H)return!0;var d=n.__c.__H.__.filter(function(s){return s.__c});if(d.every(function(s){return!s.__N}))return!o||o.call(this,c,a,f);var $=!1;return d.forEach(function(s){if(s.__N){var G=s.__[0];s.__=s.__N,s.__N=void 0,G!==s.__[0]&&($=!0)}}),!(!$&&n.__c.props===c)&&(!o||o.call(this,c,a,f))};u.u=!0;var o=u.shouldComponentUpdate,l=u.componentWillUpdate;u.componentWillUpdate=function(c,a,f){if(this.__e){var d=o;o=void 0,r(c,a,f),o=d}l&&l.call(this,c,a,f)},u.shouldComponentUpdate=r}return n.__N||n.__}function g_(_,e){var t=E(h++,3);!i.__s&&Z(t.__H,e)&&(t.__=_,t.i=e,u.__H.__h.push(t))}function N_(_){return v=5,I(function(){return{current:_}},[])}function I(_,e){var t=E(h++,7);return Z(t.__H,e)?(t.__V=_(),t.i=e,t.__h=_,t.__V):t.__}function H_(_,e){return v=8,I(function(){return _},e)}function e_(){for(var _;_=D.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(b),_.__H.__h.forEach(C),_.__H.__h=[]}catch(e){_.__H.__h=[],i.__e(e,_.__v)}}i.__b=function(_){u=null,x&&x(_)},i.__r=function(_){S&&S(_),h=0;var e=(u=_.__c).__H;e&&(N===u?(e.__h=[],u.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=y,t.__N=t.i=void 0})):(e.__h.forEach(b),e.__h.forEach(C),e.__h=[],h=0)),N=u},i.diffed=function(_){w&&w(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(D.push(e)!==1&&U===i.requestAnimationFrame||((U=i.requestAnimationFrame)||t_)(e_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==y&&(t.__=t.__V),t.i=void 0,t.__V=y})),N=u=null},i.__c=function(_,e){e.some(function(t){try{t.__h.forEach(b),t.__h=t.__h.filter(function(n){return!n.__||C(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],i.__e(n,t.__v)}}),V&&V(_,e)},i.unmount=function(_){A&&A(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{b(n)}catch(r){e=r}}),t.__H=void 0,e&&i.__e(e,t.__v))};var R=typeof requestAnimationFrame=="function";function t_(_){var e,t=function(){clearTimeout(n),R&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);R&&(e=requestAnimationFrame(t))}function b(_){var e=u,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),u=e}function C(_){var e=u;_.__c=_.__(),u=e}function Z(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function J(_,e){return typeof e=="function"?e(_):e}function K(_,e){for(var t in e)_[t]=e[t];return _}function W(_,e){for(var t in _)if(t!=="__source"&&!(t in e))return!0;for(var n in e)if(n!=="__source"&&_[n]!==e[n])return!0;return!1}function F(_){this.props=_}(F.prototype=new p).isPureReactComponent=!0,F.prototype.shouldComponentUpdate=function(_,e){return W(this.props,_)||W(this.state,e)};var T=i.__b;i.__b=function(_){_.type&&_.type.__f&&_.ref&&(_.props.ref=_.ref,_.ref=null),T&&T(_)};var n_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function r_(_){function e(t){var n=K({},t);return delete n.ref,_(n,t.ref||null)}return e.$$typeof=n_,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(_.displayName||_.name)+")",e}var o_=i.__e;i.__e=function(_,e,t,n){if(_.then){for(var r,o=e;o=o.__;)if((r=o.__c)&&r.__c)return e.__e==null&&(e.__e=t.__e,e.__k=t.__k),r.__c(_,e)}o_(_,e,t,n)};var j=i.unmount;function Q(_,e,t){return _&&(_.__c&&_.__c.__H&&(_.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),_.__c.__H=null),(_=K({},_)).__c!=null&&(_.__c.__P===t&&(_.__c.__P=e),_.__c=null),_.__k=_.__k&&_.__k.map(function(n){return Q(n,e,t)})),_}function X(_,e,t){return _&&t&&(_.__v=null,_.__k=_.__k&&_.__k.map(function(n){return X(n,e,t)}),_.__c&&_.__c.__P===e&&(_.__e&&t.appendChild(_.__e),_.__c.__e=!0,_.__c.__P=t)),_}function H(){this.__u=0,this.t=null,this.__b=null}function Y(_){var e=_.__.__c;return e&&e.__a&&e.__a(_)}function m(){this.u=null,this.o=null}i.unmount=function(_){var e=_.__c;e&&e.__R&&e.__R(),e&&32&_.__u&&(_.type=null),j&&j(_)},(H.prototype=new p).__c=function(_,e){var t=e.__c,n=this;n.t==null&&(n.t=[]),n.t.push(t);var r=Y(n.__v),o=!1,l=function(){o||(o=!0,t.__R=null,r?r(c):c())};t.__R=l;var c=function(){if(!--n.__u){if(n.state.__a){var a=n.state.__a;n.__v.__k[0]=X(a,a.__c.__P,a.__c.__O)}var f;for(n.setState({__a:n.__b=null});f=n.t.pop();)f.forceUpdate()}};n.__u++||32&e.__u||n.setState({__a:n.__b=n.__v.__k[0]}),_.then(l,l)},H.prototype.componentWillUnmount=function(){this.t=[]},H.prototype.render=function(_,e){if(this.__b){if(this.__v.__k){var t=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=Q(this.__b,t,n.__O=n.__P)}this.__b=null}var r=e.__a&&g(P,null,_.fallback);return r&&(r.__u&=-33),[g(P,null,e.__a?null:_.children),r]};var q=function(_,e,t){if(++t[1]===t[0]&&_.o.delete(e),_.props.revealOrder&&(_.props.revealOrder[0]!=="t"||!_.o.size))for(t=_.u;t;){for(;t.length>3;)t.pop()();if(t[1]>>1,1),e.i.removeChild(n)}}),O(g(i_,{context:e.context},_.__v),e.l)}function k_(_,e){var t=g(u_,{__v:_,i:e});return t.containerInfo=e,t}(m.prototype=new p).__a=function(_){var e=this,t=Y(e.__v),n=e.o.get(_);return n[0]++,function(r){var o=function(){e.props.revealOrder?(n.push(r),q(e,_,n)):r()};t?t(o):o()}},m.prototype.render=function(_){this.u=null,this.o=new Map;var e=k(_.children);_.revealOrder&&_.revealOrder[0]==="b"&&e.reverse();for(var t=e.length;t--;)this.o.set(e[t],this.u=[1,0,this.u]);return _.children},m.prototype.componentDidUpdate=m.prototype.componentDidMount=function(){var _=this;this.o.forEach(function(e,t){q(_,t,e)})};var c_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,a_=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,l_=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,f_=/[A-Z0-9]/g,s_=typeof document<"u",p_=function(_){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(_)};p.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(_){Object.defineProperty(p.prototype,_,{configurable:!0,get:function(){return this["UNSAFE_"+_]},set:function(e){Object.defineProperty(this,_,{configurable:!0,writable:!0,value:e})}})});var B=i.event;function h_(){}function v_(){return this.cancelBubble}function d_(){return this.defaultPrevented}i.event=function(_){return B&&(_=B(_)),_.persist=h_,_.isPropagationStopped=v_,_.isDefaultPrevented=d_,_.nativeEvent=_};var m_={enumerable:!1,configurable:!0,get:function(){return this.class}},z=i.vnode;i.vnode=function(_){typeof _.type=="string"&&function(e){var t=e.props,n=e.type,r={};for(var o in t){var l=t[o];if(!(o==="value"&&"defaultValue"in t&&l==null||s_&&o==="children"&&n==="noscript"||o==="class"||o==="className")){var c=o.toLowerCase();o==="defaultValue"&&"value"in t&&t.value==null?o="value":o==="download"&&l===!0?l="":c==="ondoubleclick"?o="ondblclick":c!=="onchange"||n!=="input"&&n!=="textarea"||p_(t.type)?c==="onfocus"?o="onfocusin":c==="onblur"?o="onfocusout":l_.test(o)?o=c:n.indexOf("-")===-1&&a_.test(o)?o=o.replace(f_,"-$&").toLowerCase():l===null&&(l=void 0):c=o="oninput",c==="oninput"&&r[o=c]&&(o="oninputCapture"),r[o]=l}}n=="select"&&r.multiple&&Array.isArray(r.value)&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.value.indexOf(a.props.value)!=-1})),n=="select"&&r.defaultValue!=null&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.multiple?r.defaultValue.indexOf(a.props.value)!=-1:r.defaultValue==a.props.value})),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",m_)):(t.className&&!t.class||t.class&&t.className)&&(r.class=r.className=t.className),e.props=r}(_),_.$$typeof=c_,z&&z(_)};var L=i.__r;i.__r=function(_){L&&L(_),_.__c};var M=i.diffed;i.diffed=function(_){M&&M(_);var e=_.props,t=_.__e;t!=null&&_.type==="textarea"&&"value"in e&&e.value!==t.value&&(t.value=e.value==null?"":e.value)};function C_(_){return r_(_)}export{H_ as T,N_ as _,C_ as c,b_ as h,k_ as j,g_ as p};
diff --git a/storybook/assets/create-component-b0512abd.js b/storybook/assets/create-component-b0512abd.js
deleted file mode 100644
index 14e8c2ca1..000000000
--- a/storybook/assets/create-component-b0512abd.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{l as i,b as h,y as N,k as P,C as k,B as U}from"./preact.module-fa42f7d1.js";var v,u,g,w,d=0,I=[],y=[],O=i.__b,S=i.__r,x=i.diffed,V=i.__c,A=i.unmount;function $(_,e){i.__h&&i.__h(u,_,d||e),d=0;var t=u.__H||(u.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:y}),t.__[_]}function b_(_){return d=1,__(K,_)}function __(_,e,t){var n=$(v++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):K(void 0,e),function(c){var a=n.__N?n.__N[0]:n.__[0],f=n.t(a,c);a!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=u,!u.u)){var r=function(c,a,f){if(!n.__c.__H)return!0;var p=n.__c.__H.__.filter(function(s){return s.__c});if(p.every(function(s){return!s.__N}))return!o||o.call(this,c,a,f);var E=!1;return p.forEach(function(s){if(s.__N){var J=s.__[0];s.__=s.__N,s.__N=void 0,J!==s.__[0]&&(E=!0)}}),!(!E&&n.__c.props===c)&&(!o||o.call(this,c,a,f))};u.u=!0;var o=u.shouldComponentUpdate,l=u.componentWillUpdate;u.componentWillUpdate=function(c,a,f){if(this.__e){var p=o;o=void 0,r(c,a,f),o=p}l&&l.call(this,c,a,f)},u.shouldComponentUpdate=r}return n.__N||n.__}function N_(_,e){var t=$(v++,3);!i.__s&&Z(t.__H,e)&&(t.__=_,t.i=e,u.__H.__h.push(t))}function g_(_){return d=5,M(function(){return{current:_}},[])}function M(_,e){var t=$(v++,7);return Z(t.__H,e)?(t.__V=_(),t.i=e,t.__h=_,t.__V):t.__}function H_(_,e){return d=8,M(function(){return _},e)}function e_(){for(var _;_=I.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(b),_.__H.__h.forEach(C),_.__H.__h=[]}catch(e){_.__H.__h=[],i.__e(e,_.__v)}}i.__b=function(_){u=null,O&&O(_)},i.__r=function(_){S&&S(_),v=0;var e=(u=_.__c).__H;e&&(g===u?(e.__h=[],u.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=y,t.__N=t.i=void 0})):(e.__h.forEach(b),e.__h.forEach(C),e.__h=[],v=0)),g=u},i.diffed=function(_){x&&x(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(I.push(e)!==1&&w===i.requestAnimationFrame||((w=i.requestAnimationFrame)||t_)(e_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==y&&(t.__=t.__V),t.i=void 0,t.__V=y})),g=u=null},i.__c=function(_,e){e.some(function(t){try{t.__h.forEach(b),t.__h=t.__h.filter(function(n){return!n.__||C(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],i.__e(n,t.__v)}}),V&&V(_,e)},i.unmount=function(_){A&&A(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{b(n)}catch(r){e=r}}),t.__H=void 0,e&&i.__e(e,t.__v))};var R=typeof requestAnimationFrame=="function";function t_(_){var e,t=function(){clearTimeout(n),R&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);R&&(e=requestAnimationFrame(t))}function b(_){var e=u,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),u=e}function C(_){var e=u;_.__c=_.__(),u=e}function Z(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function K(_,e){return typeof e=="function"?e(_):e}function Q(_,e){for(var t in e)_[t]=e[t];return _}function W(_,e){for(var t in _)if(t!=="__source"&&!(t in e))return!0;for(var n in e)if(n!=="__source"&&_[n]!==e[n])return!0;return!1}function F(_){this.props=_}(F.prototype=new h).isPureReactComponent=!0,F.prototype.shouldComponentUpdate=function(_,e){return W(this.props,_)||W(this.state,e)};var T=i.__b;i.__b=function(_){_.type&&_.type.__f&&_.ref&&(_.props.ref=_.ref,_.ref=null),T&&T(_)};var n_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function r_(_){function e(t){var n=Q({},t);return delete n.ref,_(n,t.ref||null)}return e.$$typeof=n_,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(_.displayName||_.name)+")",e}var o_=i.__e;i.__e=function(_,e,t,n){if(_.then){for(var r,o=e;o=o.__;)if((r=o.__c)&&r.__c)return e.__e==null&&(e.__e=t.__e,e.__k=t.__k),r.__c(_,e)}o_(_,e,t,n)};var B=i.unmount;function X(_,e,t){return _&&(_.__c&&_.__c.__H&&(_.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),_.__c.__H=null),(_=Q({},_)).__c!=null&&(_.__c.__P===t&&(_.__c.__P=e),_.__c=null),_.__k=_.__k&&_.__k.map(function(n){return X(n,e,t)})),_}function Y(_,e,t){return _&&t&&(_.__v=null,_.__k=_.__k&&_.__k.map(function(n){return Y(n,e,t)}),_.__c&&_.__c.__P===e&&(_.__e&&t.insertBefore(_.__e,_.__d),_.__c.__e=!0,_.__c.__P=t)),_}function H(){this.__u=0,this.t=null,this.__b=null}function G(_){var e=_.__.__c;return e&&e.__a&&e.__a(_)}function m(){this.u=null,this.o=null}i.unmount=function(_){var e=_.__c;e&&e.__R&&e.__R(),e&&_.__h===!0&&(_.type=null),B&&B(_)},(H.prototype=new h).__c=function(_,e){var t=e.__c,n=this;n.t==null&&(n.t=[]),n.t.push(t);var r=G(n.__v),o=!1,l=function(){o||(o=!0,t.__R=null,r?r(c):c())};t.__R=l;var c=function(){if(!--n.__u){if(n.state.__a){var f=n.state.__a;n.__v.__k[0]=Y(f,f.__c.__P,f.__c.__O)}var p;for(n.setState({__a:n.__b=null});p=n.t.pop();)p.forceUpdate()}},a=e.__h===!0;n.__u++||a||n.setState({__a:n.__b=n.__v.__k[0]}),_.then(l,l)},H.prototype.componentWillUnmount=function(){this.t=[]},H.prototype.render=function(_,e){if(this.__b){if(this.__v.__k){var t=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=X(this.__b,t,n.__O=n.__P)}this.__b=null}var r=e.__a&&N(P,null,_.fallback);return r&&(r.__h=null),[N(P,null,e.__a?null:_.children),r]};var j=function(_,e,t){if(++t[1]===t[0]&&_.o.delete(e),_.props.revealOrder&&(_.props.revealOrder[0]!=="t"||!_.o.size))for(t=_.u;t;){for(;t.length>3;)t.pop()();if(t[1]>>1,1),e.i.removeChild(n)}}),U(N(i_,{context:e.context},_.__v),e.l)}function k_(_,e){var t=N(u_,{__v:_,i:e});return t.containerInfo=e,t}(m.prototype=new h).__a=function(_){var e=this,t=G(e.__v),n=e.o.get(_);return n[0]++,function(r){var o=function(){e.props.revealOrder?(n.push(r),j(e,_,n)):r()};t?t(o):o()}},m.prototype.render=function(_){this.u=null,this.o=new Map;var e=k(_.children);_.revealOrder&&_.revealOrder[0]==="b"&&e.reverse();for(var t=e.length;t--;)this.o.set(e[t],this.u=[1,0,this.u]);return _.children},m.prototype.componentDidUpdate=m.prototype.componentDidMount=function(){var _=this;this.o.forEach(function(e,t){j(_,t,e)})};var c_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,a_=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,l_=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,f_=/[A-Z0-9]/g,s_=typeof document<"u",p_=function(_){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(_)};h.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(_){Object.defineProperty(h.prototype,_,{configurable:!0,get:function(){return this["UNSAFE_"+_]},set:function(e){Object.defineProperty(this,_,{configurable:!0,writable:!0,value:e})}})});var q=i.event;function h_(){}function v_(){return this.cancelBubble}function d_(){return this.defaultPrevented}i.event=function(_){return q&&(_=q(_)),_.persist=h_,_.isPropagationStopped=v_,_.isDefaultPrevented=d_,_.nativeEvent=_};var m_={enumerable:!1,configurable:!0,get:function(){return this.class}},z=i.vnode;i.vnode=function(_){typeof _.type=="string"&&function(e){var t=e.props,n=e.type,r={};for(var o in t){var l=t[o];if(!(o==="value"&&"defaultValue"in t&&l==null||s_&&o==="children"&&n==="noscript"||o==="class"||o==="className")){var c=o.toLowerCase();o==="defaultValue"&&"value"in t&&t.value==null?o="value":o==="download"&&l===!0?l="":c==="ondoubleclick"?o="ondblclick":c!=="onchange"||n!=="input"&&n!=="textarea"||p_(t.type)?c==="onfocus"?o="onfocusin":c==="onblur"?o="onfocusout":l_.test(o)?o=c:n.indexOf("-")===-1&&a_.test(o)?o=o.replace(f_,"-$&").toLowerCase():l===null&&(l=void 0):c=o="oninput",c==="oninput"&&r[o=c]&&(o="oninputCapture"),r[o]=l}}n=="select"&&r.multiple&&Array.isArray(r.value)&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.value.indexOf(a.props.value)!=-1})),n=="select"&&r.defaultValue!=null&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.multiple?r.defaultValue.indexOf(a.props.value)!=-1:r.defaultValue==a.props.value})),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",m_)):(t.className&&!t.class||t.class&&t.className)&&(r.class=r.className=t.className),e.props=r}(_),_.$$typeof=c_,z&&z(_)};var D=i.__r;i.__r=function(_){D&&D(_),_.__c};var L=i.diffed;i.diffed=function(_){L&&L(_);var e=_.props,t=_.__e;t!=null&&_.type==="textarea"&&"value"in e&&e.value!==t.value&&(t.value=e.value==null?"":e.value)};function C_(_){return r_(_)}export{H_ as T,g_ as _,C_ as c,b_ as h,N_ as p,k_ as z};
-//# sourceMappingURL=create-component-b0512abd.js.map
diff --git a/storybook/assets/create-component-b0512abd.js.map b/storybook/assets/create-component-b0512abd.js.map
deleted file mode 100644
index e90bc003b..000000000
--- a/storybook/assets/create-component-b0512abd.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-component-b0512abd.js","sources":["../../../../node_modules/preact/hooks/dist/hooks.module.js","../../../../node_modules/preact/compat/dist/compat.module.js","../../src/utilities/create-component.ts"],"sourcesContent":["import{options as n}from\"preact\";var t,r,u,i,o=0,f=[],c=[],e=n.__b,a=n.__r,v=n.diffed,l=n.__c,m=n.unmount;function d(t,u){n.__h&&n.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o=1,s(B,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function p(u,i){var o=d(t++,3);!n.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o))}function y(u,i){var o=d(t++,4);!n.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o))}function _(n){return o=5,F(function(){return{current:n}},[])}function A(n,t,r){o=6,y(function(){return\"function\"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T(n,t){return o=8,F(function(){return n},t)}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function x(t,r){n.useDebugValue&&n.useDebugValue(r?r(t):t)}function P(n){var u=d(t++,10),i=h();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function V(){var n=d(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__=\"P\"+i[0]+\"-\"+i[1]++}return n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[]}catch(r){t.__H.__h=[],n.__e(r,t.__v)}}n.__b=function(n){r=null,e&&e(n)},n.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[],t=0)),u=r},n.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===n.requestAnimationFrame||((i=n.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c})),u=r=null},n.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return!n.__||w(n)})}catch(u){r.some(function(n){n.__h&&(n.__h=[])}),r=[],n.__e(u,t.__v)}}),l&&l(t,r)},n.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n)}catch(n){r=n}}),u.__H=void 0,r&&n.__e(r,u.__v))};var g=\"function\"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r))}function k(n){var t=r,u=n.__c;\"function\"==typeof u&&(n.__c=void 0,u()),r=t}function w(n){var t=r;n.__c=n.__(),r=t}function z(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B(n,t){return\"function\"==typeof t?t(n):t}export{T as useCallback,q as useContext,x as useDebugValue,p as useEffect,P as useErrorBoundary,V as useId,A as useImperativeHandle,y as useLayoutEffect,F as useMemo,s as useReducer,_ as useRef,h as useState};\n//# sourceMappingURL=hooks.module.js.map\n","import{Component as n,createElement as t,options as e,toChildArray as r,Fragment as u,render as o,hydrate as i,createContext as l,createRef as c,cloneElement as f}from\"preact\";export{Component,Fragment,createContext,createElement,createRef}from\"preact\";import{useState as a,useId as s,useReducer as h,useEffect as v,useLayoutEffect as d,useRef as p,useImperativeHandle as m,useMemo as y,useCallback as _,useContext as b,useDebugValue as S}from\"preact/hooks\";export*from\"preact/hooks\";function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if(\"__source\"!==e&&!(e in t))return!0;for(var r in t)if(\"__source\"!==r&&n[r]!==t[r])return!0;return!1}function E(n,t){return n===t&&(0!==n||1/n==1/t)||n!=n&&t!=t}function w(n){this.props=n}function x(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,t(n,e)}return u.displayName=\"Memo(\"+(n.displayName||n.name)+\")\",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new n).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=e.__b;e.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n)};var N=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.forward_ref\")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName=\"ForwardRef(\"+(n.displayName||n.name)+\")\",t}var A=function(n,t){return null==n?null:r(r(n).map(t))},O={map:A,forEach:A,count:function(n){return n?r(n).length:0},only:function(n){var t=r(n);if(1!==t.length)throw\"Children.only\";return t[0]},toArray:r},T=e.__e;e.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r)};var F=e.unmount;function I(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){\"function\"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)})),n}function L(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function U(){this.__u=0,this.t=null,this.__b=null}function D(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function M(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return t(r,o)}return o.displayName=\"Lazy\",o.__f=!0,o}function V(){this.u=null,this.o=null}e.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),F&&F(n)},(U.prototype=new n).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=D(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l())};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=L(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},U.prototype.componentWillUnmount=function(){this.t=[]},U.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement(\"div\"),o=this.__v.__k[0].__c;this.__v.__k[0]=I(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&t(u,null,n.fallback);return i&&(i.__h=null),[t(u,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&(\"t\"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]>>1,1),e.i.removeChild(n)}}),o(t(P,{context:e.context},n.__v),e.l)}function z(n,e){var r=t(j,{__v:n,i:e});return r.containerInfo=e,r}(V.prototype=new n).__a=function(n){var t=this,e=D(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u()};e?e(o):o()}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=r(n.children);n.revealOrder&&\"b\"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t)})};var B=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.element\")||60103,H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Z=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Y=/[A-Z0-9]/g,$=\"undefined\"!=typeof document,q=function(n){return(\"undefined\"!=typeof Symbol&&\"symbol\"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function G(n,t,e){return null==t.__k&&(t.textContent=\"\"),o(n,t),\"function\"==typeof e&&e(),n?n.__c:null}function J(n,t,e){return i(n,t),\"function\"==typeof e&&e(),n?n.__c:null}n.prototype.isReactComponent={},[\"componentWillMount\",\"componentWillReceiveProps\",\"componentWillUpdate\"].forEach(function(t){Object.defineProperty(n.prototype,t,{configurable:!0,get:function(){return this[\"UNSAFE_\"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var K=e.event;function Q(){}function X(){return this.cancelBubble}function nn(){return this.defaultPrevented}e.event=function(n){return K&&(n=K(n)),n.persist=Q,n.isPropagationStopped=X,n.isDefaultPrevented=nn,n.nativeEvent=n};var tn,en={enumerable:!1,configurable:!0,get:function(){return this.class}},rn=e.vnode;e.vnode=function(n){\"string\"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!(\"value\"===o&&\"defaultValue\"in t&&null==i||$&&\"children\"===o&&\"noscript\"===e||\"class\"===o||\"className\"===o)){var l=o.toLowerCase();\"defaultValue\"===o&&\"value\"in t&&null==t.value?o=\"value\":\"download\"===o&&!0===i?i=\"\":\"ondoubleclick\"===l?o=\"ondblclick\":\"onchange\"!==l||\"input\"!==e&&\"textarea\"!==e||q(t.type)?\"onfocus\"===l?o=\"onfocusin\":\"onblur\"===l?o=\"onfocusout\":Z.test(o)?o=l:-1===e.indexOf(\"-\")&&H.test(o)?o=o.replace(Y,\"-$&\").toLowerCase():null===i&&(i=void 0):l=o=\"oninput\",\"oninput\"===l&&u[o=l]&&(o=\"oninputCapture\"),u[o]=i}}\"select\"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=r(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),\"select\"==e&&null!=u.defaultValue&&(u.value=r(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,\"className\",en)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=B,rn&&rn(n)};var un=e.__r;e.__r=function(n){un&&un(n),tn=n.__c};var on=e.diffed;e.diffed=function(n){on&&on(n);var t=n.props,e=n.__e;null!=e&&\"textarea\"===n.type&&\"value\"in t&&t.value!==e.value&&(e.value=null==t.value?\"\":t.value),tn=null};var ln={ReactCurrentDispatcher:{current:{readContext:function(n){return tn.__n[n.__c].props.value}}}},cn=\"17.0.2\";function fn(n){return t.bind(null,n)}function an(n){return!!n&&n.$$typeof===B}function sn(n){return an(n)&&n.type===u}function hn(n){return an(n)?f.apply(null,arguments):n}function vn(n){return!!n.__k&&(o(null,n),!0)}function dn(n){return n&&(n.base||1===n.nodeType&&n)||null}var pn=function(n,t){return n(t)},mn=function(n,t){return n(t)},yn=u;function _n(n){n()}function bn(n){return n}function Sn(){return[!1,_n]}var gn=d,Cn=an;function En(n,t){var e=t(),r=a({h:{__:e,v:t}}),u=r[0].h,o=r[1];return d(function(){u.__=e,u.v=t,E(u.__,t())||o({h:u})},[n,e,t]),v(function(){return E(u.__,u.v())||o({h:u}),n(function(){E(u.__,u.v())||o({h:u})})},[n]),e}var wn={useState:a,useId:s,useReducer:h,useEffect:v,useLayoutEffect:d,useInsertionEffect:gn,useTransition:Sn,useDeferredValue:bn,useSyncExternalStore:En,startTransition:_n,useRef:p,useImperativeHandle:m,useMemo:y,useCallback:_,useContext:b,useDebugValue:S,version:\"17.0.2\",Children:O,render:G,hydrate:J,unmountComponentAtNode:vn,createPortal:z,createElement:t,createContext:l,createFactory:fn,cloneElement:hn,createRef:c,Fragment:u,isValidElement:an,isElement:Cn,isFragment:sn,findDOMNode:dn,Component:n,PureComponent:w,memo:x,forwardRef:k,flushSync:mn,unstable_batchedUpdates:pn,StrictMode:yn,Suspense:U,SuspenseList:V,lazy:M,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ln};export{O as Children,w as PureComponent,yn as StrictMode,U as Suspense,V as SuspenseList,ln as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,hn as cloneElement,fn as createFactory,z as createPortal,wn as default,dn as findDOMNode,mn as flushSync,k as forwardRef,J as hydrate,Cn as isElement,sn as isFragment,an as isValidElement,M as lazy,x as memo,G as render,_n as startTransition,vn as unmountComponentAtNode,pn as unstable_batchedUpdates,bn as useDeferredValue,gn as useInsertionEffect,En as useSyncExternalStore,Sn as useTransition,cn as version};\n//# sourceMappingURL=compat.module.js.map\n","import { FunctionalComponent, JSX, Ref, RenderableProps } from 'preact'\nimport { ForwardFn, forwardRef } from 'preact/compat'\n\nexport type MixinHTMLElementAttributes<\n Target extends EventTarget,\n ComponentProps = Record\n> = RenderableProps<\n Omit, keyof ComponentProps> & ComponentProps\n>\n\nexport function createComponent<\n Target extends EventTarget,\n ComponentProps,\n Props = MixinHTMLElementAttributes\n>(\n fn: ForwardFn\n): FunctionalComponent & { ref?: Ref }> {\n return forwardRef(fn)\n}\n"],"names":["t","r","u","i","o","f","c","e","n","a","v","l","m","d","h","s","B","p","z","_","F","T","b","k","w","j","g","C","R","N","I","L","U","D","V","W","P","H","Z","Y","$","q","K","Q","X","nn","en","rn","un","on","createComponent","fn","forwardRef"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file
diff --git a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js b/storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
similarity index 88%
rename from storybook/assets/create-focus-trap-key-down-handler-e65db33a.js
rename to storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
index 4f0496742..044444ec6 100644
--- a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js
+++ b/storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
@@ -1,2 +1 @@
function f(n){const e=(typeof n>"u"?document:n).querySelectorAll(':not([disabled])[tabindex]:not([tabindex="-1"])');return Array.prototype.slice.call(e)}function c(n){return function(e){if(e.key!=="Tab")return;e.preventDefault();const t=f(n);if(t.length===0)return;const r=o(e.target,t);if(r===t.length-1&&e.shiftKey===!1){t[0].focus();return}if(r===0&&e.shiftKey===!0){t[t.length-1].focus();return}t[e.shiftKey===!0?r-1:r+1].focus()}}function o(n,e){return e.reduce(function(t,r,u){return t===-1&&r.isSameNode(n)===!0?u:t},-1)}export{c,f as g};
-//# sourceMappingURL=create-focus-trap-key-down-handler-e65db33a.js.map
diff --git a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map b/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map
deleted file mode 100644
index 65a09207b..000000000
--- a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-focus-trap-key-down-handler-e65db33a.js","sources":["../../src/utilities/private/get-focusable-elements.ts","../../src/utilities/private/create-focus-trap-key-down-handler.ts"],"sourcesContent":["export function getFocusableElements(\n rootElement?: HTMLElement\n): Array {\n const elements = (\n typeof rootElement === 'undefined' ? document : rootElement\n ).querySelectorAll(\n ':not([disabled])[tabindex]:not([tabindex=\"-1\"])'\n )\n return Array.prototype.slice.call(elements)\n}\n","import { getFocusableElements } from './get-focusable-elements.js'\n\nexport function createFocusTrapKeyDownHandler(rootElement?: HTMLElement) {\n return function (event: KeyboardEvent): void {\n if (event.key !== 'Tab') {\n return\n }\n event.preventDefault()\n const focusableElements = getFocusableElements(rootElement)\n if (focusableElements.length === 0) {\n return\n }\n const index = findElementIndex(\n event.target as HTMLElement,\n focusableElements\n )\n if (index === focusableElements.length - 1 && event.shiftKey === false) {\n // Focus the first element\n focusableElements[0].focus()\n return\n }\n if (index === 0 && event.shiftKey === true) {\n // Focus the last element\n focusableElements[focusableElements.length - 1].focus()\n return\n }\n focusableElements[event.shiftKey === true ? index - 1 : index + 1].focus()\n }\n}\n\nfunction findElementIndex(\n targetElement: HTMLElement,\n elements: Array\n): number {\n return elements.reduce(function (\n result: number,\n element: HTMLElement,\n index: number\n ): number {\n if (result === -1 && element.isSameNode(targetElement) === true) {\n return index\n }\n return result\n },\n -1)\n}\n"],"names":["getFocusableElements","rootElement","elements","document","querySelectorAll","Array","prototype","slice","call","createFocusTrapKeyDownHandler","event","key","preventDefault","focusableElements","length","index","findElementIndex","target","shiftKey","focus","targetElement","reduce","result","element","isSameNode"],"mappings":"AAAO,SAASA,EACdC,EACoB,CACpB,MAAMC,GACJ,OAAOD,EAAgB,IAAcE,SAAWF,GAChDG,iBACA,iDACF,EACA,OAAOC,MAAMC,UAAUC,MAAMC,KAAKN,CAAQ,CAC5C,CCPO,SAASO,EAA8BR,EAA2B,CACvE,OAAO,SAAUS,EAA4B,CACvCA,GAAAA,EAAMC,MAAQ,MAChB,OAEFD,EAAME,eAAe,EACfC,MAAAA,EAAoBb,EAAqBC,CAAW,EACtDY,GAAAA,EAAkBC,SAAW,EAC/B,OAEF,MAAMC,EAAQC,EACZN,EAAMO,OACNJ,CACF,EACA,GAAIE,IAAUF,EAAkBC,OAAS,GAAKJ,EAAMQ,WAAa,GAAO,CAEpDL,EAAA,CAAC,EAAEM,QACrB,MACF,CACA,GAAIJ,IAAU,GAAKL,EAAMQ,WAAa,GAAM,CAE1CL,EAAkBA,EAAkBC,OAAS,CAAC,EAAEK,MAAM,EACtD,MACF,CACkBT,EAAAA,EAAMQ,WAAa,GAAOH,EAAQ,EAAIA,EAAQ,CAAC,EAAEI,OAAM,CAE7E,CAEA,SAASH,EACPI,EACAlB,EACQ,CACR,OAAOA,EAASmB,OAAO,SACrBC,EACAC,EACAR,EACQ,CACR,OAAIO,IAAW,IAAMC,EAAQC,WAAWJ,CAAa,IAAM,GAClDL,EAEFO,CAAAA,EAET,EAAE,CACJ"}
\ No newline at end of file
diff --git a/storybook/assets/create-icon-59b2c318.js b/storybook/assets/create-icon-59b2c318.js
deleted file mode 100644
index 75f14ffe4..000000000
--- a/storybook/assets/create-icon-59b2c318.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as l}from"./create-component-b0512abd.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const s="_icon_13804_1",d={icon:s};function p(e,t){const{width:c,height:r}=t;return l(function({color:o,...i}){return n("svg",{...i,class:d.icon,height:r,style:{fill:typeof o>"u"?"currentColor":`var(--figma-color-icon-${o})`},width:c,xmlns:"http://www.w3.org/2000/svg",children:n("path",{"clip-rule":"evenodd",d:e,"fill-rule":"evenodd"})})})}export{p as c};
-//# sourceMappingURL=create-icon-59b2c318.js.map
diff --git a/storybook/assets/create-icon-59b2c318.js.map b/storybook/assets/create-icon-59b2c318.js.map
deleted file mode 100644
index 5a0f74501..000000000
--- a/storybook/assets/create-icon-59b2c318.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-icon-59b2c318.js","sources":["../../src/icons/create-icon.tsx"],"sourcesContent":["import { h } from 'preact'\n\nimport { IconColor } from '../types/colors.js'\nimport { createComponent } from '../utilities/create-component.js'\nimport styles from './icon.module.css'\n\nexport type IconProps = {\n color?: IconColor\n}\n\nexport function createIcon(\n path: string,\n options: { width: number; height: number }\n) {\n const { width, height } = options\n return createComponent(function ({\n color,\n ...rest\n }) {\n return (\n \n {\n children: ComponentChildren\n onClick?: EventHandler.onClick\n open: boolean\n title: string\n}\n\nexport const Disclosure = createComponent(\n function (\n {\n children,\n onClick = noop,\n onKeyDown = noop,\n open,\n propagateEscapeKeyDown = true,\n title,\n ...rest\n },\n ref\n ) {\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n \n {open === true ? {children} : null}\n \n )\n }\n)\n"],"names":["Disclosure","createComponent","children","onClick","noop","onKeyDown","open","propagateEscapeKeyDown","title","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsxs","Fragment","class","styles","label","_jsx","checked","input","tabIndex","type","icon","IconCaretRight16"],"mappings":"oZAkBaA,EAAaC,EACxB,SACE,CACEC,SAAAA,EACAC,QAAAA,EAAUC,EACVC,UAAAA,EAAYD,EACZE,KAAAA,EACAC,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACZ,EAAWE,CAAsB,CACpC,EAEA,OACEW,EAACC,EAAQ,CAAAjB,UACPgB,EAAA,QAAA,CAAOE,MAAOC,EAAOC,MAAMpB,UACzBqB,EAAA,QAAA,CAAA,GACMd,EACJC,IAAAA,EACAc,QAASlB,IAAS,GAClBc,MAAOC,EAAOI,MACdtB,QAAAA,EACAE,UAAWM,EACXe,SAAU,EACVC,KAAK,UAAA,CACN,EACDT,EAAA,MAAA,CAAKE,MAAOC,EAAOb,MAAMN,UACvBqB,EAAA,MAAA,CAAKH,MAAOC,EAAOO,KAAK1B,SACtBqB,EAACM,EAAkB,EAAA,CAChB,CAAA,EACJrB,CAAK,CAAA,CACH,CAAC,CACD,CAAA,EACNF,IAAS,GAAOiB,EAAA,MAAA,CAAKH,MAAOC,EAAOnB,SAASA,SAAAA,CAAgB,CAAA,EAAI,IAAI,CAAA,CAC7D,CAEd,CACF"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-b53efc80.css b/storybook/assets/disclosure-R7MV9eYJ.css
similarity index 100%
rename from storybook/assets/disclosure-b53efc80.css
rename to storybook/assets/disclosure-R7MV9eYJ.css
diff --git a/storybook/assets/disclosure-Rnx3Yv7O.js b/storybook/assets/disclosure-Rnx3Yv7O.js
new file mode 100644
index 000000000..b180fca56
--- /dev/null
+++ b/storybook/assets/disclosure-Rnx3Yv7O.js
@@ -0,0 +1 @@
+import{g as d}from"./preact.module-pS-_M4k6.js";import{c as p,T as m}from"./create-component-a83A1_Pu.js";import{I as f}from"./icon-caret-right-16-4OZxGOFD.js";import{n as o}from"./no-op-Uu3q6ZSj.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";const b="_label_ekvh7_1",k="_input_ekvh7_5",v="_title_ekvh7_13",g="_children_ekvh7_14",x="_icon_ekvh7_29",c={label:b,input:k,title:v,children:g,icon:x},P=p(function({children:r,onClick:s=o,onKeyDown:n=o,open:e,propagateEscapeKeyDown:l=!0,title:a,...h},u){const _=m(function(i){n(i),i.key==="Escape"&&(l===!1&&i.stopPropagation(),i.currentTarget.blur())},[n,l]);return t(d,{children:[t("label",{class:c.label,children:[t("input",{...h,ref:u,checked:e===!0,class:c.input,onClick:s,onKeyDown:_,tabIndex:0,type:"checkbox"}),t("div",{class:c.title,children:[t("div",{class:c.icon,children:t(f,{})}),a]})]}),e===!0?t("div",{class:c.children,children:r}):null]})});export{P as D};
diff --git a/storybook/assets/disclosure-closed.stories-d553f970.js b/storybook/assets/disclosure-closed.stories-d553f970.js
deleted file mode 100644
index 37c43c3e8..000000000
--- a/storybook/assets/disclosure-closed.stories-d553f970.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import{h as m}from"./create-component-b0512abd.js";import{u as g}from"./use-initial-focus-57bdde46.js";import{D as f}from"./disclosure-457591a5.js";import{o as s}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-caret-right-16-f2a2bc99.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const S={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Disclosure/Closed"},o=function(){const[e,n]=m(!1);function r(l){console.log(l),n(e!==!0)}return s("div",{style:{height:"64px"},children:s(f,{onClick:r,open:e,title:"foo",children:"bar"})})},t=function(){const[e,n]=m(!1);function r(l){console.log(l),n(e!==!0)}return s("div",{style:{height:"64px"},children:s(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var i,c,a;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
- const [open, setOpen] = useState(false);
- function handleClick(event: JSX.TargetedMouseEvent) {
- console.log(event);
- setOpen(!(open === true));
- }
- const style = {
- height: '64px'
- };
- return
-
- bar
-
- ;
-}`,...(a=(c=o.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};var u,p,d;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
- const [open, setOpen] = useState(false);
- function handleClick(event: JSX.TargetedMouseEvent) {
- console.log(event);
- setOpen(!(open === true));
- }
- const style = {
- height: '64px'
- };
- return
-
- bar
-
- ;
-}`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{o as Default,t as Focused,E as __namedExportsOrder,S as default};
-//# sourceMappingURL=disclosure-closed.stories-d553f970.js.map
diff --git a/storybook/assets/disclosure-closed.stories-d553f970.js.map b/storybook/assets/disclosure-closed.stories-d553f970.js.map
deleted file mode 100644
index 2c23564bd..000000000
--- a/storybook/assets/disclosure-closed.stories-d553f970.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-closed.stories-d553f970.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-closed.stories-nfv589A3.js b/storybook/assets/disclosure-closed.stories-nfv589A3.js
new file mode 100644
index 000000000..a7cafbe9f
--- /dev/null
+++ b/storybook/assets/disclosure-closed.stories-nfv589A3.js
@@ -0,0 +1,29 @@
+import{h as m}from"./create-component-a83A1_Pu.js";import{u as g}from"./use-initial-focus-xmfxIugy.js";import{D as f}from"./disclosure-Rnx3Yv7O.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-caret-right-16-4OZxGOFD.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const S={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Disclosure/Closed"},n=function(){const[e,s]=m(!1);function r(l){console.log(l),s(e!==!0)}return t("div",{style:{height:"64px"},children:t(f,{onClick:r,open:e,title:"foo",children:"bar"})})},o=function(){const[e,s]=m(!1);function r(l){console.log(l),s(e!==!0)}return t("div",{style:{height:"64px"},children:t(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var i,c,a;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
+ const [open, setOpen] = useState(false);
+ function handleClick(event: JSX.TargetedMouseEvent) {
+ console.log(event);
+ setOpen(!(open === true));
+ }
+ const style = {
+ height: '64px'
+ };
+ return
+
+ bar
+
+ ;
+}`,...(a=(c=n.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};var u,p,d;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+ const [open, setOpen] = useState(false);
+ function handleClick(event: JSX.TargetedMouseEvent) {
+ console.log(event);
+ setOpen(!(open === true));
+ }
+ const style = {
+ height: '64px'
+ };
+ return
+
+ bar
+
+ ;
+}`,...(d=(p=o.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{n as Default,o as Focused,E as __namedExportsOrder,S as default};
diff --git a/storybook/assets/disclosure-open.stories-5e163502.js b/storybook/assets/disclosure-open.stories-5e163502.js
deleted file mode 100644
index 8a7513e0c..000000000
--- a/storybook/assets/disclosure-open.stories-5e163502.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import{h as m}from"./create-component-b0512abd.js";import{u as g}from"./use-initial-focus-57bdde46.js";import{D as f}from"./disclosure-457591a5.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-caret-right-16-f2a2bc99.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const S={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Disclosure/Open"},t=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return n("div",{style:{height:"64px"},children:n(f,{onClick:r,open:e,title:"foo",children:"bar"})})},o=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return n("div",{style:{height:"64px"},children:n(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var c,l,u;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
- const [open, setOpen] = useState(true);
- function handleClick(event: JSX.TargetedMouseEvent) {
- console.log(event);
- setOpen(!(open === true));
- }
- const style = {
- height: '64px'
- };
- return
-
- bar
-
- ;
-}`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var a,p,d;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:`function () {
- const [open, setOpen] = useState(true);
- function handleClick(event: JSX.TargetedMouseEvent) {
- console.log(event);
- setOpen(!(open === true));
- }
- const style = {
- height: '64px'
- };
- return
-
- bar
-
- ;
-}`,...(d=(p=o.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{t as Default,o as Focused,E as __namedExportsOrder,S as default};
-//# sourceMappingURL=disclosure-open.stories-5e163502.js.map
diff --git a/storybook/assets/disclosure-open.stories-5e163502.js.map b/storybook/assets/disclosure-open.stories-5e163502.js.map
deleted file mode 100644
index e46998272..000000000
--- a/storybook/assets/disclosure-open.stories-5e163502.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-open.stories-5e163502.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-open.stories-upp-riPy.js b/storybook/assets/disclosure-open.stories-upp-riPy.js
new file mode 100644
index 000000000..089c7717e
--- /dev/null
+++ b/storybook/assets/disclosure-open.stories-upp-riPy.js
@@ -0,0 +1,29 @@
+import{h as m}from"./create-component-a83A1_Pu.js";import{u as g}from"./use-initial-focus-xmfxIugy.js";import{D as f}from"./disclosure-Rnx3Yv7O.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-caret-right-16-4OZxGOFD.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const S={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Disclosure/Open"},n=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return o("div",{style:{height:"64px"},children:o(f,{onClick:r,open:e,title:"foo",children:"bar"})})},t=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return o("div",{style:{height:"64px"},children:o(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var c,l,u;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
+ const [open, setOpen] = useState(true);
+ function handleClick(event: JSX.TargetedMouseEvent) {
+ console.log(event);
+ setOpen(!(open === true));
+ }
+ const style = {
+ height: '64px'
+ };
+ return
+
+ bar
+
+ ;
+}`,...(u=(l=n.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var a,p,d;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`function () {
+ const [open, setOpen] = useState(true);
+ function handleClick(event: JSX.TargetedMouseEvent) {
+ console.log(event);
+ setOpen(!(open === true));
+ }
+ const style = {
+ height: '64px'
+ };
+ return
+
+ bar
+
+ ;
+}`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{n as Default,t as Focused,E as __namedExportsOrder,S as default};
diff --git a/storybook/assets/divider.stories-813854e1.css b/storybook/assets/divider-38y61yRP.css
similarity index 100%
rename from storybook/assets/divider.stories-813854e1.css
rename to storybook/assets/divider-38y61yRP.css
diff --git a/storybook/assets/divider.stories-3-9BIGPg.js b/storybook/assets/divider.stories-3-9BIGPg.js
new file mode 100644
index 000000000..0e2703d45
--- /dev/null
+++ b/storybook/assets/divider.stories-3-9BIGPg.js
@@ -0,0 +1,3 @@
+import{c as d}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const a="_divider_m18ta_1",c={divider:a},m=d(function(s,n){return o("hr",{...s,ref:n,class:c.divider})}),v={parameters:{fixedWidth:!0},title:"Components/Divider"},r=function(){return o(m,{})};var e,t,i;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
+ return >(\n function (rest, ref) {\n return
\n }\n)\n"],"names":["Divider","createComponent","rest","ref","_jsx","class","styles","divider"],"mappings":"oLAKaA,EAAUC,EACrB,SAAUC,EAAMC,EAAK,CACnB,OAAOC,EAAA,KAAA,CAAA,GAAQF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,OAAAA,CAAU,CACzD,CACF;;"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-19ea46e3.css b/storybook/assets/dropdown-0ez3b1hF.css
similarity index 100%
rename from storybook/assets/dropdown-19ea46e3.css
rename to storybook/assets/dropdown-0ez3b1hF.css
diff --git a/storybook/assets/dropdown-b1c572a4.js.map b/storybook/assets/dropdown-b1c572a4.js.map
deleted file mode 100644
index 773d9d040..000000000
--- a/storybook/assets/dropdown-b1c572a4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-b1c572a4.js","sources":["../../src/hooks/use-scrollable-menu.ts","../../src/components/dropdown/private/update-menu-element-layout.ts","../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event } from '../types/event-handler.js'\nimport { getCurrentFromRef } from '../utilities/get-current-from-ref.js'\n\nexport function useScrollableMenu(options: {\n itemIdDataAttributeName: string\n menuElementRef: RefObject\n selectedId: null | string\n setSelectedId: (selectedId: string) => void\n}): {\n handleScrollableMenuKeyDown: (event: Event.onKeyDown) => void\n handleScrollableMenuItemMouseMove: (\n event: Event.onMouseMove\n ) => void\n} {\n const { itemIdDataAttributeName, menuElementRef, selectedId, setSelectedId } =\n options\n\n const getItemElements = useCallback(\n function (): Array {\n return Array.from(\n getCurrentFromRef(menuElementRef).querySelectorAll(\n `[${itemIdDataAttributeName}]`\n )\n ).filter(function (element: HTMLElement): boolean {\n return element.hasAttribute('disabled') === false\n })\n },\n [itemIdDataAttributeName, menuElementRef]\n )\n\n const findIndexByItemId = useCallback(\n function (id: null | string): number {\n if (id === null) {\n return -1\n }\n const index = getItemElements().findIndex(function (\n element: HTMLElement\n ): boolean {\n return (element.getAttribute(itemIdDataAttributeName) as string) === id\n })\n if (index === -1) {\n throw new Error('`index` is `-1`') // `id` is valid\n }\n return index\n },\n [getItemElements, itemIdDataAttributeName]\n )\n\n const updateScrollPosition = useCallback(\n function (id: string): void {\n const itemElements = getItemElements()\n const index = findIndexByItemId(id)\n const selectedElement = itemElements[index]\n const selectedElementOffsetTop =\n selectedElement.getBoundingClientRect().top\n const menuElement = getCurrentFromRef(menuElementRef)\n const menuElementOffsetTop = menuElement.getBoundingClientRect().top\n if (selectedElementOffsetTop < menuElementOffsetTop) {\n selectedElement.scrollIntoView()\n return\n }\n const offsetBottom =\n selectedElementOffsetTop + selectedElement.offsetHeight\n if (offsetBottom > menuElementOffsetTop + menuElement.offsetHeight) {\n selectedElement.scrollIntoView()\n }\n },\n [findIndexByItemId, getItemElements, menuElementRef]\n )\n\n const handleScrollableMenuKeyDown = useCallback(\n function (event: JSX.TargetedKeyboardEvent): void {\n const key = event.key\n if (key === 'ArrowDown' || key === 'ArrowUp') {\n const itemElements = getItemElements()\n const index = findIndexByItemId(selectedId)\n let newIndex\n if (key === 'ArrowDown') {\n newIndex =\n index === -1 || index === itemElements.length - 1 ? 0 : index + 1\n } else {\n newIndex =\n index === -1 || index === 0 ? itemElements.length - 1 : index - 1\n }\n const selectedElement = itemElements[newIndex]\n const newSelectedId = selectedElement.getAttribute(\n itemIdDataAttributeName\n ) as string\n setSelectedId(newSelectedId)\n updateScrollPosition(newSelectedId)\n }\n },\n [\n getItemElements,\n findIndexByItemId,\n itemIdDataAttributeName,\n setSelectedId,\n selectedId,\n updateScrollPosition\n ]\n )\n\n const handleScrollableMenuItemMouseMove = useCallback(\n function (event: JSX.TargetedMouseEvent): void {\n const id = event.currentTarget.getAttribute(\n itemIdDataAttributeName\n ) as string\n if (id !== selectedId) {\n setSelectedId(id)\n }\n },\n [itemIdDataAttributeName, selectedId, setSelectedId]\n )\n\n return {\n handleScrollableMenuItemMouseMove,\n handleScrollableMenuKeyDown\n }\n}\n","import {\n INVALID_ID,\n ITEM_ID_DATA_ATTRIBUTE_NAME,\n VIEWPORT_MARGIN\n} from '../../../utilities/private/constants.js'\nimport { Id } from './types.js'\n\nexport function updateMenuElementLayout(\n rootElement: HTMLDivElement,\n menuElement: HTMLDivElement,\n selectedId: Id\n) {\n const rootElementBoundingClientRect = rootElement.getBoundingClientRect()\n const rootWidth = rootElement.offsetWidth\n const rootHeight = rootElement.offsetHeight\n const rootLeft = rootElementBoundingClientRect.left\n const rootTop = rootElementBoundingClientRect.top\n\n menuElement.style.minWidth = `${rootWidth}px`\n\n const menuElementMaxWidth = window.innerWidth - 2 * VIEWPORT_MARGIN\n menuElement.style.maxWidth = `${menuElementMaxWidth}px`\n\n const menuElementMaxHeight = window.innerHeight - 2 * VIEWPORT_MARGIN\n menuElement.style.maxHeight = `${menuElementMaxHeight}px`\n\n const menuWidth = menuElement.offsetWidth\n const menuHeight = menuElement.offsetHeight\n const menuScrollHeight = menuElement.scrollHeight\n const menuPaddingTop = parseInt(\n window.getComputedStyle(menuElement).paddingTop,\n 10\n )\n const labelElement = getSelectedLabelElement(menuElement, selectedId)\n\n const left = computeLeft({\n menuWidth,\n rootLeft\n })\n menuElement.style.left = `${left}px`\n\n const top = computeTop({\n menuHeight,\n rootTop,\n selectedTop: labelElement.offsetTop\n })\n menuElement.style.top = `${top}px`\n\n const isScrollable = menuScrollHeight > menuHeight\n if (isScrollable === false) {\n return\n }\n menuElement.scrollTop = computeScrollTop({\n menuHeight,\n menuPaddingTop,\n menuScrollHeight,\n rootHeight,\n rootTop,\n selectedTop: labelElement.offsetTop\n })\n}\n\nfunction getSelectedLabelElement(\n menuElement: HTMLDivElement,\n selectedId: Id\n): HTMLLabelElement {\n const inputElement = menuElement.querySelector(\n selectedId === INVALID_ID\n ? `[${ITEM_ID_DATA_ATTRIBUTE_NAME}]`\n : `[${ITEM_ID_DATA_ATTRIBUTE_NAME}='${selectedId}']`\n )\n if (inputElement === null) {\n throw new Error('`inputElement` is `null`')\n }\n const labelElement = inputElement.parentElement\n if (labelElement === null) {\n throw new Error('`labelElement` is `null`')\n }\n return labelElement as HTMLLabelElement\n}\n\nfunction computeLeft(options: { menuWidth: number; rootLeft: number }): number {\n const { menuWidth, rootLeft } = options\n if (rootLeft <= VIEWPORT_MARGIN) {\n return VIEWPORT_MARGIN\n }\n const viewportWidth = window.innerWidth\n if (rootLeft + menuWidth > viewportWidth - VIEWPORT_MARGIN) {\n return viewportWidth - VIEWPORT_MARGIN - menuWidth\n }\n return rootLeft\n}\n\nfunction computeTop(options: {\n menuHeight: number\n rootTop: number\n selectedTop: number\n}): number {\n const { menuHeight, rootTop, selectedTop } = options\n const viewportHeight = window.innerHeight\n if (\n rootTop <= VIEWPORT_MARGIN ||\n menuHeight === viewportHeight - 2 * VIEWPORT_MARGIN\n ) {\n return VIEWPORT_MARGIN\n }\n // Position the selected element at `rootTop`\n const top = rootTop - selectedTop\n const minimumTop = VIEWPORT_MARGIN\n const maximumTop = viewportHeight - VIEWPORT_MARGIN - menuHeight\n return restrictToRange(top, minimumTop, maximumTop)\n}\n\nfunction computeScrollTop(options: {\n menuHeight: number\n menuPaddingTop: number\n menuScrollHeight: number\n rootHeight: number\n rootTop: number\n selectedTop: number\n}): number {\n const {\n menuHeight,\n menuPaddingTop,\n menuScrollHeight,\n rootHeight,\n rootTop,\n selectedTop\n } = options\n const restrictedRootTop = restrictToRange(\n rootTop,\n VIEWPORT_MARGIN,\n window.innerHeight - VIEWPORT_MARGIN - rootHeight + menuPaddingTop / 2\n )\n const scrollTop = selectedTop - (restrictedRootTop - VIEWPORT_MARGIN)\n const minimumScrollTop = 0\n const maximumScrollTop = menuScrollHeight - menuHeight\n return restrictToRange(scrollTop, minimumScrollTop, maximumScrollTop)\n}\n\nfunction restrictToRange(\n number: number,\n minimum: number,\n maximum: number\n): number {\n return Math.min(Math.max(number, minimum), maximum)\n}\n","import { ComponentChildren, h, RefObject } from 'preact'\nimport { createPortal } from 'preact/compat'\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks'\n\nimport menuStyles from '../../css/menu.module.css'\nimport { useMouseDownOutside } from '../../hooks/use-mouse-down-outside.js'\nimport { useScrollableMenu } from '../../hooks/use-scrollable-menu.js'\nimport { IconControlChevronDown8 } from '../../icons/icon-8/icon-control-chevron-down-8.js'\nimport { IconMenuCheckmarkChecked16 } from '../../icons/icon-16/icon-menu-checkmark-checked-16.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../utilities/get-current-from-ref.js'\nimport { noop } from '../../utilities/no-op.js'\nimport {\n INVALID_ID,\n ITEM_ID_DATA_ATTRIBUTE_NAME\n} from '../../utilities/private/constants.js'\nimport dropdownStyles from './dropdown.module.css'\nimport { Id } from './private/types.js'\nimport { updateMenuElementLayout } from './private/update-menu-element-layout.js'\n\nexport interface DropdownProps {\n disabled?: boolean\n icon?: ComponentChildren\n onChange?: EventHandler.onChange\n onKeyDown?: EventHandler.onKeyDown\n onMouseDown?: EventHandler.onMouseDown\n onValueChange?: EventHandler.onValueChange\n options: Array\n placeholder?: string\n propagateEscapeKeyDown?: boolean\n value: null | string\n variant?: DropdownVariant\n}\nexport type DropdownOption =\n | DropdownOptionHeader\n | DropdownOptionSeparator\n | DropdownOptionValue\nexport type DropdownOptionHeader = {\n header: string\n}\nexport type DropdownOptionSeparator = '-'\nexport type DropdownOptionValue = {\n disabled?: boolean\n text?: string\n value: string\n}\nexport type DropdownVariant = 'border' | 'underline'\n\nexport const Dropdown = createComponent(\n function (\n {\n disabled = false,\n icon,\n onChange = noop,\n onKeyDown = noop,\n onMouseDown = noop,\n onValueChange = noop,\n options,\n placeholder,\n propagateEscapeKeyDown = true,\n value,\n variant,\n ...rest\n },\n ref\n ) {\n if (typeof icon === 'string' && icon.length !== 1) {\n throw new Error(`String \\`icon\\` must be a single character: \"${icon}\"`)\n }\n\n const rootElementRef: RefObject = useRef(null)\n const menuElementRef: RefObject = useRef(null)\n\n const [isMenuVisible, setIsMenuVisible] = useState(false)\n\n const index = findOptionIndexByValue(options, value)\n if (value !== null && index === -1) {\n throw new Error(`Invalid \\`value\\`: ${value}`)\n }\n const [selectedId, setSelectedId] = useState(\n index === -1 ? INVALID_ID : `${index}`\n )\n const children =\n typeof options[index] === 'undefined'\n ? ''\n : getDropdownOptionValue(options[index])\n\n // Uncomment to debug\n // console.table([{ isMenuVisible, selectedId }])\n\n const { handleScrollableMenuKeyDown, handleScrollableMenuItemMouseMove } =\n useScrollableMenu({\n itemIdDataAttributeName: ITEM_ID_DATA_ATTRIBUTE_NAME,\n menuElementRef,\n selectedId,\n setSelectedId\n })\n\n const triggerRootBlur = useCallback(function () {\n getCurrentFromRef(rootElementRef).blur()\n }, [])\n\n const triggerRootFocus = useCallback(function () {\n getCurrentFromRef(rootElementRef).focus()\n }, [])\n\n const triggerMenuUpdateLayout = useCallback(function (selectedId: Id) {\n const rootElement = getCurrentFromRef(rootElementRef)\n const menuElement = getCurrentFromRef(menuElementRef)\n updateMenuElementLayout(rootElement, menuElement, selectedId)\n }, [])\n\n const triggerMenuHide = useCallback(function () {\n setIsMenuVisible(false)\n setSelectedId(INVALID_ID)\n }, [])\n\n const triggerMenuShow = useCallback(\n function () {\n if (isMenuVisible === true) {\n return\n }\n // Show the menu and update the `selectedId` on focus\n setIsMenuVisible(true)\n if (value === null) {\n triggerMenuUpdateLayout(selectedId)\n return\n }\n const index = findOptionIndexByValue(options, value)\n if (index === -1) {\n throw new Error(`Invalid \\`value\\`: ${value}`)\n }\n const newSelectedId = `${index}`\n setSelectedId(newSelectedId)\n triggerMenuUpdateLayout(newSelectedId)\n },\n [isMenuVisible, options, selectedId, triggerMenuUpdateLayout, value]\n )\n\n const handleRootKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n const key = event.key\n if (key === 'ArrowUp' || key === 'ArrowDown') {\n event.preventDefault()\n if (isMenuVisible === false) {\n triggerMenuShow()\n return\n }\n handleScrollableMenuKeyDown(event)\n return\n }\n if (key === 'Escape') {\n event.preventDefault()\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n if (isMenuVisible === true) {\n triggerMenuHide()\n return\n }\n triggerRootBlur()\n return\n }\n if (key === 'Enter') {\n event.preventDefault()\n if (isMenuVisible === false) {\n triggerMenuShow()\n return\n }\n if (selectedId !== INVALID_ID) {\n const selectedElement = getCurrentFromRef(\n menuElementRef\n ).querySelector(\n `[${ITEM_ID_DATA_ATTRIBUTE_NAME}='${selectedId}']`\n )\n if (selectedElement === null) {\n throw new Error('`selectedElement` is `null`')\n }\n selectedElement.checked = true\n const changeEvent = new window.Event('change', {\n bubbles: true,\n cancelable: true\n })\n selectedElement.dispatchEvent(changeEvent)\n }\n triggerMenuHide()\n return\n }\n if (key === 'Tab') {\n triggerMenuHide()\n return\n }\n },\n [\n handleScrollableMenuKeyDown,\n isMenuVisible,\n onKeyDown,\n propagateEscapeKeyDown,\n selectedId,\n triggerMenuHide,\n triggerMenuShow,\n triggerRootBlur\n ]\n )\n\n const handleRootMouseDown = useCallback(\n function (event: Event.onMouseDown) {\n // `mousedown` events from `menuElement` are stopped from propagating to `rootElement` by `handleMenuMouseDown`\n onMouseDown(event)\n if (isMenuVisible === false) {\n triggerMenuShow()\n }\n },\n [isMenuVisible, onMouseDown, triggerMenuShow]\n )\n\n const handleMenuMouseDown = useCallback(function (\n event: Event.onMouseDown\n ) {\n // Stop the `mousedown` event from propagating to the `rootElement`\n event.stopPropagation()\n },\n [])\n\n const handleOptionChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n const optionValue = options[parseInt(id, 10)] as DropdownOptionValue\n const newValue = optionValue.value\n onValueChange(newValue)\n // Select `root`, then hide the menu\n triggerRootFocus()\n triggerMenuHide()\n },\n [onChange, onValueChange, options, triggerMenuHide, triggerRootFocus]\n )\n\n const handleSelectedOptionClick = useCallback(\n function () {\n triggerRootFocus()\n triggerMenuHide()\n },\n [triggerMenuHide, triggerRootFocus]\n )\n\n const handleMouseDownOutside = useCallback(\n function () {\n if (isMenuVisible === false) {\n return\n }\n triggerMenuHide()\n triggerRootBlur()\n },\n [isMenuVisible, triggerRootBlur, triggerMenuHide]\n )\n useMouseDownOutside({\n onMouseDownOutside: handleMouseDownOutside,\n ref: rootElementRef\n })\n\n useEffect(\n function () {\n function handleWindowScroll() {\n if (isMenuVisible === false) {\n return\n }\n triggerRootFocus()\n triggerMenuHide()\n }\n window.addEventListener('scroll', handleWindowScroll)\n return function () {\n window.removeEventListener('scroll', handleWindowScroll)\n }\n },\n [isMenuVisible, triggerMenuHide, triggerRootFocus]\n )\n\n const refCallback = useCallback(\n function (rootElement: null | HTMLDivElement) {\n rootElementRef.current = rootElement\n if (ref === null) {\n return\n }\n if (typeof ref === 'function') {\n ref(rootElement)\n return\n }\n ref.current = rootElement\n },\n [ref, rootElementRef]\n )\n\n return (\n \n {typeof icon === 'undefined' ? null : (\n {icon}\n )}\n {value === null ? (\n typeof placeholder === 'undefined' ? (\n \n ) : (\n \n {placeholder}\n
\n )\n ) : (\n {children}\n )}\n \n \n {options.map(function (option: DropdownOption, index: number) {\n if (typeof option === 'string') {\n return
\n }\n if ('header' in option) {\n return (\n \n {option.header}\n
\n )\n }\n return (\n \n ,\n document.body\n )}\n \n )\n }\n)\n\nfunction getDropdownOptionValue(option: DropdownOption): ComponentChildren {\n if (typeof option !== 'string') {\n if ('text' in option) {\n return option.text\n }\n if ('value' in option) {\n return option.value\n }\n }\n throw new Error('Invariant violation')\n}\n\n// Returns the index of the option in `options` with the given `value`, else `-1`\nfunction findOptionIndexByValue(\n options: Array,\n value: null | string\n): number {\n if (value === null) {\n return -1\n }\n let index = 0\n for (const option of options) {\n if (\n typeof option !== 'string' &&\n 'value' in option &&\n option.value === value\n ) {\n return index\n }\n index += 1\n }\n return -1\n}\n"],"names":["useScrollableMenu","options","itemIdDataAttributeName","menuElementRef","selectedId","setSelectedId","getItemElements","useCallback","Array","from","getCurrentFromRef","querySelectorAll","filter","element","hasAttribute","findIndexByItemId","id","index","findIndex","getAttribute","Error","updateScrollPosition","itemElements","selectedElement","selectedElementOffsetTop","getBoundingClientRect","top","menuElement","menuElementOffsetTop","scrollIntoView","offsetHeight","handleScrollableMenuKeyDown","event","key","newIndex","length","newSelectedId","handleScrollableMenuItemMouseMove","currentTarget","updateMenuElementLayout","rootElement","rootElementBoundingClientRect","rootWidth","offsetWidth","rootHeight","rootLeft","left","rootTop","style","minWidth","menuElementMaxWidth","window","innerWidth","VIEWPORT_MARGIN","maxWidth","menuElementMaxHeight","innerHeight","maxHeight","menuWidth","menuHeight","menuScrollHeight","scrollHeight","menuPaddingTop","parseInt","getComputedStyle","paddingTop","labelElement","getSelectedLabelElement","computeLeft","computeTop","selectedTop","offsetTop","scrollTop","computeScrollTop","inputElement","querySelector","INVALID_ID","ITEM_ID_DATA_ATTRIBUTE_NAME","parentElement","viewportWidth","viewportHeight","minimumTop","maximumTop","restrictToRange","restrictedRootTop","minimumScrollTop","maximumScrollTop","number","minimum","maximum","Math","min","max","Dropdown","createComponent","disabled","icon","onChange","noop","onKeyDown","onMouseDown","onValueChange","placeholder","propagateEscapeKeyDown","value","variant","rest","ref","rootElementRef","useRef","isMenuVisible","setIsMenuVisible","useState","findOptionIndexByValue","children","getDropdownOptionValue","triggerRootBlur","blur","triggerRootFocus","focus","triggerMenuUpdateLayout","triggerMenuHide","triggerMenuShow","handleRootKeyDown","preventDefault","stopPropagation","checked","changeEvent","Event","bubbles","cancelable","dispatchEvent","handleRootMouseDown","handleMenuMouseDown","handleOptionChange","newValue","handleSelectedOptionClick","handleMouseDownOutside","useMouseDownOutside","onMouseDownOutside","useEffect","handleWindowScroll","addEventListener","removeEventListener","refCallback","current","_jsxs","class","createClassName","dropdownStyles","dropdown","hasBorder","hasIcon","undefined","tabIndex","_jsx","empty","chevronIcon","IconControlChevronDown8","underline","border","createPortal","menuStyles","menu","hidden","map","option","optionSeparator","optionHeader","header","optionValue","optionValueDisabled","optionValueSelected","input","onClick","onMouseMove","type","checkIcon","IconMenuCheckmarkChecked16","text","document","body"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-border.stories-5b886f31.js.map b/storybook/assets/dropdown-border.stories-5b886f31.js.map
deleted file mode 100644
index 8dcd2b769..000000000
--- a/storybook/assets/dropdown-border.stories-5b886f31.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-border.stories-5b886f31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-border.stories-5b886f31.js b/storybook/assets/dropdown-border.stories-cv--pAkc.js
similarity index 67%
rename from storybook/assets/dropdown-border.stories-5b886f31.js
rename to storybook/assets/dropdown-border.stories-cv--pAkc.js
index b352fd7b9..8898605ec 100644
--- a/storybook/assets/dropdown-border.stories-5b886f31.js
+++ b/storybook/assets/dropdown-border.stories-cv--pAkc.js
@@ -1,4 +1,4 @@
-import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-initial-focus-57bdde46.js";import{I as Ze}from"./icon-layer-frame-16-89e1c06f.js";import{D as s}from"./dropdown-b1c572a4.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const hn={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Dropdown/Border"},c=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l("div",{children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},d=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},p=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,placeholder:"Placeholder",value:n,variant:"border"})},v=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},g=function(){const[n,a]=i("42"),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},h=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{...Ue(),onChange:t,options:o,value:n,variant:"border"})},f=function(){const n=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:n,value:"foo",variant:"border"})},m=function(){const[n,a]=i("foo"),o=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},w=function(){const[n,a]=i("a"),o=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},V=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:l(Ze,{}),onChange:t,options:o,value:n,variant:"border"})},x=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:"W",onChange:t,options:o,value:n,variant:"border"})},y=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){console.log(r),a(r)}return l(s,{onValueChange:t,options:o,value:n,variant:"border"})},b=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},C=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},T=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},S=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},D=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},H=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},E=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},O=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},M=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},A=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},L=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},q=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+import{h as i}from"./create-component-a83A1_Pu.js";import{u as Zn}from"./use-initial-focus-xmfxIugy.js";import{I as ne}from"./icon-layer-frame-16-sVAwYanE.js";import{D as s}from"./dropdown-i_U1MUKd.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const he={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Dropdown/Border"},c=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l("div",{children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},d=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},p=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,placeholder:"Placeholder",value:e,variant:"border"})},v=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},g=function(){const[e,a]=i("42"),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},h=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{...Zn(),onChange:t,options:o,value:e,variant:"border"})},f=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:e,value:"foo",variant:"border"})},m=function(){const[e,a]=i("foo"),o=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},w=function(){const[e,a]=i("a"),o=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},V=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:l(ne,{}),onChange:t,options:o,value:e,variant:"border"})},x=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:"W",onChange:t,options:o,value:e,variant:"border"})},y=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){console.log(r),a(r)}return l(s,{onValueChange:t,options:o,value:e,variant:"border"})},b=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},C=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},T=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},S=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},D=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},H=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},E=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},O=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},M=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},A=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},L=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},q=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
const [value, setValue] = useState(null);
const options: Array = [{
value: 'foo'
@@ -102,7 +102,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return = [{
value: 'foo'
}, {
@@ -118,7 +118,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
throw new Error('This function should not be called');
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -138,7 +138,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('a');
const options: Array = [{
text: 'foo',
@@ -161,7 +161,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -180,7 +180,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -199,7 +199,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -217,7 +217,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return (null);
const options: Array = [{
value: 'foo'
@@ -244,7 +244,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -265,7 +265,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -292,7 +292,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -313,7 +313,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -341,7 +341,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -363,7 +363,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -391,7 +391,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -413,7 +413,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -440,7 +440,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -461,7 +461,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -488,7 +488,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -509,5 +509,4 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -102,7 +102,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return = [{
value: 'foo'
}, {
@@ -118,7 +118,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
throw new Error('This function should not be called');
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -138,7 +138,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('a');
const options: Array = [{
text: 'foo',
@@ -161,7 +161,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -180,7 +180,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -199,7 +199,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -217,7 +217,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
setValue(newValue);
}
return (null);
const options: Array = [{
value: 'foo'
@@ -244,7 +244,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -265,7 +265,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -292,7 +292,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -313,7 +313,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -341,7 +341,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -363,7 +363,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -391,7 +391,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -413,7 +413,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -440,7 +440,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -461,7 +461,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -488,7 +488,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -509,5 +509,4 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
return
v+c.offsetHeight&&l.scrollIntoView()},[i,p,o]),T=f(function(d){const a=d.key;if(a==="ArrowDown"||a==="ArrowUp"){const h=p(),l=i(r);let w;a==="ArrowDown"?w=l===-1||l===h.length-1?0:l+1:w=l===-1||l===0?h.length-1:l-1;const v=h[w].getAttribute(e);g(v),_(v)}},[p,i,e,g,r,_]);return{handleScrollableMenuItemMouseMove:f(function(d){const a=d.currentTarget.getAttribute(e);a!==r&&g(a)},[e,r,g]),handleScrollableMenuKeyDown:T}}const ie="_dropdown_l9ibg_1",ce="_disabled_l9ibg_12",se="_menu_l9ibg_17",ue="_icon_l9ibg_25",de="_empty_l9ibg_37",ae="_value_l9ibg_41",fe="_hasIcon_l9ibg_55",he="_placeholder_l9ibg_59",me="_chevronIcon_l9ibg_63",pe="_border_l9ibg_74",ge="_hasBorder_l9ibg_83",we="_underline_l9ibg_94",I={dropdown:ie,disabled:ce,menu:se,icon:ue,empty:de,value:ae,hasIcon:fe,placeholder:he,chevronIcon:me,border:pe,hasBorder:ge,underline:we};function be(n,e,o){const r=n.getBoundingClientRect(),g=n.offsetWidth,p=n.offsetHeight,i=r.left,_=r.top;e.style.minWidth=`${g}px`;const T=window.innerWidth-2*b;e.style.maxWidth=`${T}px`;const u=window.innerHeight-2*b;e.style.maxHeight=`${u}px`;const d=e.offsetWidth,a=e.offsetHeight,h=e.scrollHeight,l=parseInt(window.getComputedStyle(e).paddingTop,10),w=Ie(e,o),c=_e({menuWidth:d,rootLeft:i});e.style.left=`${c}px`;const v=ye({menuHeight:a,rootTop:_,selectedTop:w.offsetTop});e.style.top=`${v}px`,h>a!==!1&&(e.scrollTop=ve({menuHeight:a,menuPaddingTop:l,menuScrollHeight:h,rootHeight:p,rootTop:_,selectedTop:w.offsetTop}))}function Ie(n,e){const o=n.querySelector(e===V?`[${H}]`:`[${H}='${e}']`);if(o===null)throw new Error("`inputElement` is `null`");const r=o.parentElement;if(r===null)throw new Error("`labelElement` is `null`");return r}function _e(n){const{menuWidth:e,rootLeft:o}=n;if(o<=b)return b;const r=window.innerWidth;return o+e>r-b?r-b-e:o}function ye(n){const{menuHeight:e,rootTop:o,selectedTop:r}=n,g=window.innerHeight;if(o<=b||e===g-2*b)return b;const p=o-r,i=b,_=g-b-e;return L(p,i,_)}function ve(n){const{menuHeight:e,menuPaddingTop:o,menuScrollHeight:r,rootHeight:g,rootTop:p,selectedTop:i}=n,_=L(p,b,window.innerHeight-b-g+o/2),T=i-(_-b),u=0,d=r-e;return L(T,u,d)}function L(n,e,o){return Math.min(Math.max(n,e),o)}const Ce=Z(function({disabled:n=!1,icon:e,onChange:o=B,onKeyDown:r=B,onMouseDown:g=B,onValueChange:p=B,options:i,placeholder:_,propagateEscapeKeyDown:T=!0,value:u,variant:d,...a},h){if(typeof e=="string"&&e.length!==1)throw new Error(`String \`icon\` must be a single character: "${e}"`);const l=P(null),w=P(null),[c,v]=U(!1),E=q(i,u);if(u!==null&&E===-1)throw new Error(`Invalid \`value\`: ${u}`);const[S,k]=U(E===-1?V:`${E}`),F=typeof i[E]>"u"?"":Me(i[E]),{handleScrollableMenuKeyDown:N,handleScrollableMenuItemMouseMove:K}=le({itemIdDataAttributeName:H,menuElementRef:w,selectedId:S,setSelectedId:k}),R=f(function(){x(l).blur()},[]),D=f(function(){x(l).focus()},[]),W=f(function(t){const s=x(l),A=x(w);be(s,A,t)},[]),y=f(function(){v(!1),k(V)},[]),$=f(function(){if(c===!0)return;if(v(!0),u===null){W(S);return}const t=q(i,u);if(t===-1)throw new Error(`Invalid \`value\`: ${u}`);const s=`${t}`;k(s),W(s)},[c,i,S,W,u]),z=f(function(t){r(t);const s=t.key;if(s==="ArrowUp"||s==="ArrowDown"){if(t.preventDefault(),c===!1){$();return}N(t);return}if(s==="Escape"){if(t.preventDefault(),T===!1&&t.stopPropagation(),c===!0){y();return}R();return}if(s==="Enter"){if(t.preventDefault(),c===!1){$();return}if(S!==V){const A=x(w).querySelector(`[${H}='${S}']`);if(A===null)throw new Error("`selectedElement` is `null`");A.checked=!0;const O=new window.Event("change",{bubbles:!0,cancelable:!0});A.dispatchEvent(O)}y();return}if(s==="Tab"){y();return}},[N,c,r,T,S,y,$,R]),G=f(function(t){g(t),c===!1&&$()},[c,g,$]),j=f(function(t){t.stopPropagation()},[]),J=f(function(t){o(t);const s=t.currentTarget.getAttribute(H);if(s===null)throw new Error("`id` is `null`");const O=i[parseInt(s,10)].value;p(O),D(),y()},[o,p,i,y,D]),Q=f(function(){D(),y()},[y,D]),X=f(function(){c!==!1&&(y(),R())},[c,R,y]);ne({onMouseDownOutside:X,ref:l}),ee(function(){function t(){c!==!1&&(D(),y())}return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}},[c,y,D]);const Y=f(function(t){if(l.current=t,h!==null){if(typeof h=="function"){h(t);return}h.current=t}},[h,l]);return m("div",{...a,ref:Y,class:C([I.dropdown,d==="border"?I.hasBorder:null,typeof e<"u"?I.hasIcon:null,n===!0?I.disabled:null]),onKeyDown:n===!0?void 0:z,onMouseDown:G,tabIndex:0,children:[typeof e>"u"?null:m("div",{class:I.icon,children:e}),u===null?typeof _>"u"?m("div",{class:I.empty}):m("div",{class:C([I.value,I.placeholder]),children:_}):m("div",{class:I.value,children:F}),m("div",{class:I.chevronIcon,children:m(oe,{})}),d==="underline"?m("div",{class:I.underline}):null,m("div",{class:I.border}),te(m("div",{ref:w,class:C([M.menu,I.menu,n===!0||c===!1?M.hidden:null]),onMouseDown:j,children:i.map(function(t,s){return typeof t=="string"?m("hr",{class:M.optionSeparator},s):"header"in t?m("h1",{class:M.optionHeader,children:t.header},s):m("label",{class:C([M.optionValue,t.disabled===!0?M.optionValueDisabled:null,t.disabled!==!0&&`${s}`===S?M.optionValueSelected:null]),children:[m("input",{checked:u===t.value,class:M.input,disabled:t.disabled===!0,onChange:u===t.value?void 0:J,onClick:u===t.value?Q:void 0,onMouseMove:K,tabIndex:-1,type:"radio",value:`${t.value}`,[H]:`${s}`}),t.value===u?m("div",{class:M.checkIcon,children:m(re,{})}):null,typeof t.text>"u"?t.value:t.text]},s)})}),document.body)]})});function Me(n){if(typeof n!="string"){if("text"in n)return n.text;if("value"in n)return n.value}throw new Error("Invariant violation")}function q(n,e){if(e===null)return-1;let o=0;for(const r of n){if(typeof r!="string"&&"value"in r&&r.value===e)return o;o+=1}return-1}export{Ce as D};
-//# sourceMappingURL=dropdown-b1c572a4.js.map
+import{T as f,c as Z,_ as P,h as U,p as ee,j as te}from"./create-component-a83A1_Pu.js";import{u as ne,m as M}from"./use-mouse-down-outside-sDCyQFx-.js";import{g as x}from"./get-current-from-ref-KzY6_NOj.js";import{I as oe}from"./icon-control-chevron-down-8-WIusIu4s.js";import{I as re}from"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import{c as C}from"./create-class-name-gq91Tlk7.js";import{n as B}from"./no-op-Uu3q6ZSj.js";import{I as V,a as H,V as b}from"./constants-TQdAxsXB.js";import{u as m}from"./jsxRuntime.module-mP9ZGqev.js";function le(n){const{itemIdDataAttributeName:e,menuElementRef:o,selectedId:r,setSelectedId:g}=n,p=f(function(){return Array.from(x(o).querySelectorAll(`[${e}]`)).filter(function(d){return d.hasAttribute("disabled")===!1})},[e,o]),i=f(function(d){if(d===null)return-1;const a=p().findIndex(function(h){return h.getAttribute(e)===d});if(a===-1)throw new Error("`index` is `-1`");return a},[p,e]),_=f(function(d){const a=p(),h=i(d),l=a[h],w=l.getBoundingClientRect().top,c=x(o),v=c.getBoundingClientRect().top;if(wv+c.offsetHeight&&l.scrollIntoView()},[i,p,o]),T=f(function(d){const a=d.key;if(a==="ArrowDown"||a==="ArrowUp"){const h=p(),l=i(r);let w;a==="ArrowDown"?w=l===-1||l===h.length-1?0:l+1:w=l===-1||l===0?h.length-1:l-1;const v=h[w].getAttribute(e);g(v),_(v)}},[p,i,e,g,r,_]);return{handleScrollableMenuItemMouseMove:f(function(d){const a=d.currentTarget.getAttribute(e);a!==r&&g(a)},[e,r,g]),handleScrollableMenuKeyDown:T}}const ie="_dropdown_l9ibg_1",ce="_disabled_l9ibg_12",se="_menu_l9ibg_17",ue="_icon_l9ibg_25",de="_empty_l9ibg_37",ae="_value_l9ibg_41",fe="_hasIcon_l9ibg_55",he="_placeholder_l9ibg_59",me="_chevronIcon_l9ibg_63",pe="_border_l9ibg_74",ge="_hasBorder_l9ibg_83",we="_underline_l9ibg_94",I={dropdown:ie,disabled:ce,menu:se,icon:ue,empty:de,value:ae,hasIcon:fe,placeholder:he,chevronIcon:me,border:pe,hasBorder:ge,underline:we};function be(n,e,o){const r=n.getBoundingClientRect(),g=n.offsetWidth,p=n.offsetHeight,i=r.left,_=r.top;e.style.minWidth=`${g}px`;const T=window.innerWidth-2*b;e.style.maxWidth=`${T}px`;const u=window.innerHeight-2*b;e.style.maxHeight=`${u}px`;const d=e.offsetWidth,a=e.offsetHeight,h=e.scrollHeight,l=parseInt(window.getComputedStyle(e).paddingTop,10),w=Ie(e,o),c=_e({menuWidth:d,rootLeft:i});e.style.left=`${c}px`;const v=ye({menuHeight:a,rootTop:_,selectedTop:w.offsetTop});e.style.top=`${v}px`,h>a!==!1&&(e.scrollTop=ve({menuHeight:a,menuPaddingTop:l,menuScrollHeight:h,rootHeight:p,rootTop:_,selectedTop:w.offsetTop}))}function Ie(n,e){const o=n.querySelector(e===V?`[${H}]`:`[${H}='${e}']`);if(o===null)throw new Error("`inputElement` is `null`");const r=o.parentElement;if(r===null)throw new Error("`labelElement` is `null`");return r}function _e(n){const{menuWidth:e,rootLeft:o}=n;if(o<=b)return b;const r=window.innerWidth;return o+e>r-b?r-b-e:o}function ye(n){const{menuHeight:e,rootTop:o,selectedTop:r}=n,g=window.innerHeight;if(o<=b||e===g-2*b)return b;const p=o-r,i=b,_=g-b-e;return L(p,i,_)}function ve(n){const{menuHeight:e,menuPaddingTop:o,menuScrollHeight:r,rootHeight:g,rootTop:p,selectedTop:i}=n,_=L(p,b,window.innerHeight-b-g+o/2),T=i-(_-b),u=0,d=r-e;return L(T,u,d)}function L(n,e,o){return Math.min(Math.max(n,e),o)}const Ce=Z(function({disabled:n=!1,icon:e,onChange:o=B,onKeyDown:r=B,onMouseDown:g=B,onValueChange:p=B,options:i,placeholder:_,propagateEscapeKeyDown:T=!0,value:u,variant:d,...a},h){if(typeof e=="string"&&e.length!==1)throw new Error(`String \`icon\` must be a single character: "${e}"`);const l=P(null),w=P(null),[c,v]=U(!1),E=q(i,u);if(u!==null&&E===-1)throw new Error(`Invalid \`value\`: ${u}`);const[S,k]=U(E===-1?V:`${E}`),F=typeof i[E]>"u"?"":Me(i[E]),{handleScrollableMenuKeyDown:N,handleScrollableMenuItemMouseMove:K}=le({itemIdDataAttributeName:H,menuElementRef:w,selectedId:S,setSelectedId:k}),R=f(function(){x(l).blur()},[]),D=f(function(){x(l).focus()},[]),W=f(function(t){const s=x(l),A=x(w);be(s,A,t)},[]),y=f(function(){v(!1),k(V)},[]),$=f(function(){if(c===!0)return;if(v(!0),u===null){W(S);return}const t=q(i,u);if(t===-1)throw new Error(`Invalid \`value\`: ${u}`);const s=`${t}`;k(s),W(s)},[c,i,S,W,u]),j=f(function(t){r(t);const s=t.key;if(s==="ArrowUp"||s==="ArrowDown"){if(t.preventDefault(),c===!1){$();return}N(t);return}if(s==="Escape"){if(t.preventDefault(),T===!1&&t.stopPropagation(),c===!0){y();return}R();return}if(s==="Enter"){if(t.preventDefault(),c===!1){$();return}if(S!==V){const A=x(w).querySelector(`[${H}='${S}']`);if(A===null)throw new Error("`selectedElement` is `null`");A.checked=!0;const O=new window.Event("change",{bubbles:!0,cancelable:!0});A.dispatchEvent(O)}y();return}if(s==="Tab"){y();return}},[N,c,r,T,S,y,$,R]),G=f(function(t){g(t),c===!1&&$()},[c,g,$]),z=f(function(t){t.stopPropagation()},[]),J=f(function(t){o(t);const s=t.currentTarget.getAttribute(H);if(s===null)throw new Error("`id` is `null`");const O=i[parseInt(s,10)].value;p(O),D(),y()},[o,p,i,y,D]),Q=f(function(){D(),y()},[y,D]),X=f(function(){c!==!1&&(y(),R())},[c,R,y]);ne({onMouseDownOutside:X,ref:l}),ee(function(){function t(){c!==!1&&(D(),y())}return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}},[c,y,D]);const Y=f(function(t){if(l.current=t,h!==null){if(typeof h=="function"){h(t);return}h.current=t}},[h,l]);return m("div",{...a,ref:Y,class:C([I.dropdown,d==="border"?I.hasBorder:null,typeof e<"u"?I.hasIcon:null,n===!0?I.disabled:null]),onKeyDown:n===!0?void 0:j,onMouseDown:G,tabIndex:0,children:[typeof e>"u"?null:m("div",{class:I.icon,children:e}),u===null?typeof _>"u"?m("div",{class:I.empty}):m("div",{class:C([I.value,I.placeholder]),children:_}):m("div",{class:I.value,children:F}),m("div",{class:I.chevronIcon,children:m(oe,{})}),d==="underline"?m("div",{class:I.underline}):null,m("div",{class:I.border}),te(m("div",{ref:w,class:C([M.menu,I.menu,n===!0||c===!1?M.hidden:null]),onMouseDown:z,children:i.map(function(t,s){return typeof t=="string"?m("hr",{class:M.optionSeparator},s):"header"in t?m("h1",{class:M.optionHeader,children:t.header},s):m("label",{class:C([M.optionValue,t.disabled===!0?M.optionValueDisabled:null,t.disabled!==!0&&`${s}`===S?M.optionValueSelected:null]),children:[m("input",{checked:u===t.value,class:M.input,disabled:t.disabled===!0,onChange:u===t.value?void 0:J,onClick:u===t.value?Q:void 0,onMouseMove:K,tabIndex:-1,type:"radio",value:`${t.value}`,[H]:`${s}`}),t.value===u?m("div",{class:M.checkIcon,children:m(re,{})}):null,typeof t.text>"u"?t.value:t.text]},s)})}),document.body)]})});function Me(n){if(typeof n!="string"){if("text"in n)return n.text;if("value"in n)return n.value}throw new Error("Invariant violation")}function q(n,e){if(e===null)return-1;let o=0;for(const r of n){if(typeof r!="string"&&"value"in r&&r.value===e)return o;o+=1}return-1}export{Ce as D};
diff --git a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js b/storybook/assets/dropdown-underline.stories-NVjQGAGM.js
similarity index 67%
rename from storybook/assets/dropdown-underline.stories-e6dc4cf6.js
rename to storybook/assets/dropdown-underline.stories-NVjQGAGM.js
index e5dac9b46..8d85f9eb3 100644
--- a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js
+++ b/storybook/assets/dropdown-underline.stories-NVjQGAGM.js
@@ -1,4 +1,4 @@
-import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-initial-focus-57bdde46.js";import{I as Ze}from"./icon-layer-frame-16-89e1c06f.js";import{D as s}from"./dropdown-b1c572a4.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const hn={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Dropdown/Underline"},c=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l("div",{children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},d=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},p=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,placeholder:"Placeholder",value:n,variant:"underline"})},v=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},g=function(){const[n,a]=i("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},h=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{...Qe(),onChange:o,options:t,value:n,variant:"underline"})},f=function(){const n=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:n,value:"foo",variant:"underline"})},m=function(){const[n,a]=i("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},w=function(){const[n,a]=i("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},V=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:l(Ze,{}),onChange:o,options:t,value:n,variant:"underline"})},x=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:"W",onChange:o,options:t,value:n,variant:"underline"})},y=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){console.log(r),a(r)}return l(s,{onValueChange:o,options:t,value:n,variant:"underline"})},C=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},T=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},b=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},S=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},D=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},H=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},E=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},O=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},M=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},A=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},L=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},q=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+import{h as i}from"./create-component-a83A1_Pu.js";import{u as Zn}from"./use-initial-focus-xmfxIugy.js";import{I as ne}from"./icon-layer-frame-16-sVAwYanE.js";import{D as s}from"./dropdown-i_U1MUKd.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const he={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Dropdown/Underline"},c=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l("div",{children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},d=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},p=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,placeholder:"Placeholder",value:e,variant:"underline"})},v=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},g=function(){const[e,a]=i("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},h=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{...Zn(),onChange:o,options:t,value:e,variant:"underline"})},f=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:e,value:"foo",variant:"underline"})},m=function(){const[e,a]=i("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},w=function(){const[e,a]=i("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},V=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:l(ne,{}),onChange:o,options:t,value:e,variant:"underline"})},x=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:"W",onChange:o,options:t,value:e,variant:"underline"})},y=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){console.log(r),a(r)}return l(s,{onValueChange:o,options:t,value:e,variant:"underline"})},C=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},T=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},b=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},S=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},D=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},H=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},E=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},O=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},M=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},A=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},L=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},q=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
const [value, setValue] = useState(null);
const options: Array = [{
value: 'foo'
@@ -102,7 +102,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return = [{
value: 'foo'
}, {
@@ -118,7 +118,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
throw new Error('This function should not be called');
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -138,7 +138,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return ('a');
const options: Array = [{
text: 'foo',
@@ -161,7 +161,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -180,7 +180,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -199,7 +199,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return ('foo');
const options: Array = [{
value: 'foo'
@@ -217,7 +217,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
setValue(newValue);
}
return (null);
const options: Array = [{
value: 'foo'
@@ -244,7 +244,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -265,7 +265,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -292,7 +292,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -313,7 +313,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -341,7 +341,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -363,7 +363,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -391,7 +391,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -413,7 +413,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -440,7 +440,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -461,7 +461,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [{
value: 'foo'
@@ -488,7 +488,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
(null);
const options: Array = [...Array(100).keys()].map(function (index) {
return {
@@ -509,5 +509,4 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
return
{let{id:t,component:n}=e;if(!n)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return x(n,{...r})},l;function g(r,e){$?h(r,e):l=h(r,e,l)}var C=({showError:r,name:e,title:t,storyFn:n,canvasElement:u})=>m(n,null)||(r({title:`Expecting a Preact element from the story: "${e}" of "${t}".`,description:w`
+ Did you forget to return the Preact element from the story?
+ Use "() => () {
console.log(files);
}
@@ -63,4 +63,3 @@ import{u as q}from"./use-initial-focus-57bdde46.js";import{F as l}from"./file-up
Text
;
}`,...(k=(O=p.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const $=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth","AcceptedFileTypes","MultipleFiles"];export{u as AcceptedFileTypes,s as Disabled,r as Focused,t as FullWidth,c as Loading,a as LoadingDisabled,d as LoadingFocused,p as MultipleFiles,i as Passive,$ as __namedExportsOrder,Z as default};
-//# sourceMappingURL=file-upload-button-default.stories-7fe0bffe.js.map
diff --git a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map b/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map
deleted file mode 100644
index ca10ad780..000000000
--- a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-default.stories-7fe0bffe.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-ff119540.js.map b/storybook/assets/file-upload-button-ff119540.js.map
deleted file mode 100644
index 0d43e7288..000000000
--- a/storybook/assets/file-upload-button-ff119540.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-ff119540.js","sources":["../../src/components/file-upload/file-upload-button/file-upload-button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../../types/focusable-component-props.js'\nimport { createClassName } from '../../../utilities/create-class-name.js'\nimport { createComponent } from '../../../utilities/create-component.js'\nimport { noop } from '../../../utilities/no-op.js'\nimport buttonStyles from '../../button/button.module.css'\nimport { LoadingIndicator } from '../../loading-indicator/loading-indicator.js'\nimport { fileComparator } from '../private/file-comparator.js'\nimport fileUploadButtonStyles from './file-upload-button.module.css'\n\nexport interface FileUploadButtonProps\n extends FocusableComponentProps {\n acceptedFileTypes?: Array\n children: ComponentChildren\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n multiple?: boolean\n onChange?: EventHandler.onChange\n onClick?: EventHandler.onClick\n onMouseDown?: EventHandler.onMouseDown\n onSelectedFiles?: EventHandler.onSelectedFiles\n secondary?: boolean\n}\n\nexport const FileUploadButton = createComponent<\n HTMLInputElement,\n FileUploadButtonProps\n>(function (\n {\n acceptedFileTypes = [],\n children,\n disabled = false,\n fullWidth = false,\n loading = false,\n multiple = false,\n onChange = noop,\n onClick = noop,\n onKeyDown = noop,\n onMouseDown = noop,\n onSelectedFiles = noop,\n propagateEscapeKeyDown = true,\n secondary = false,\n ...rest\n },\n ref\n) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const fileList = event.currentTarget.files\n if (fileList === null) {\n throw new Error('`event.currentTarget.files` is `null`')\n }\n const files = parseFileList(fileList)\n if (files.length > 0) {\n onSelectedFiles(files)\n }\n },\n [onChange, onSelectedFiles]\n )\n\n const handleClick = useCallback(\n function (event: Event.onClick) {\n onClick(event)\n if (loading === true) {\n event.preventDefault()\n }\n },\n [onClick, loading]\n )\n\n const handleMouseDown = useCallback(\n function (event: Event.onClick) {\n onMouseDown(event)\n event.currentTarget.focus()\n },\n [onMouseDown]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n {loading === true ? (\n \n ) : null}\n
\n )\n})\n\nfunction parseFileList(fileList: FileList): Array {\n return Array.prototype.slice.call(fileList).sort(fileComparator)\n}\n"],"names":["FileUploadButton","createComponent","acceptedFileTypes","children","disabled","fullWidth","loading","multiple","onChange","noop","onClick","onKeyDown","onMouseDown","onSelectedFiles","propagateEscapeKeyDown","secondary","rest","ref","handleChange","useCallback","event","fileList","currentTarget","files","Error","parseFileList","length","handleClick","preventDefault","handleMouseDown","focus","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","buttonStyles","button","default","fileUploadButtonStyles","_jsx","loadingIndicator","LoadingIndicator","accept","undefined","join","input","tabIndex","title","type","Array","prototype","slice","call","sort","fileComparator"],"mappings":"ueA4BaA,EAAmBC,EAG9B,SACA,CACEC,kBAAAA,EAAoB,CAAE,EACtBC,SAAAA,EACAC,SAAAA,EAAW,GACXC,UAAAA,EAAY,GACZC,QAAAA,EAAU,GACVC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,QAAAA,EAAUD,EACVE,UAAAA,EAAYF,EACZG,YAAAA,EAAcH,EACdI,gBAAAA,EAAkBJ,EAClBK,uBAAAA,EAAyB,GACzBC,UAAAA,EAAY,GACZ,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDZ,EAASY,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,MACrC,GAAIF,IAAa,KACT,MAAA,IAAIG,MAAM,uCAAuC,EAEnDD,MAAAA,EAAQE,EAAcJ,CAAQ,EAChCE,EAAMG,OAAS,GACjBb,EAAgBU,CAAK,CACvB,EAEF,CAACf,EAAUK,CAAe,CAC5B,EAEMc,EAAcR,EAClB,SAAUC,EAAwC,CAChDV,EAAQU,CAAK,EACTd,IAAY,IACdc,EAAMQ,eAAe,CACvB,EAEF,CAAClB,EAASJ,CAAO,CACnB,EAEMuB,EAAkBV,EACtB,SAAUC,EAAwC,CAChDR,EAAYQ,CAAK,EACjBA,EAAME,cAAcQ,OAAM,EAE5B,CAAClB,CAAW,CACd,EAEMmB,EAAgBZ,EACpB,SAAUC,EAA0C,CAClDT,EAAUS,CAAK,EACXA,EAAMY,MAAQ,WACZlB,IAA2B,IAC7BM,EAAMa,gBAAgB,EAExBb,EAAME,cAAcY,OACtB,EAEF,CAACvB,EAAWG,CAAsB,CACpC,EAEA,OACEqB,EAAA,MAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAaC,OACbxB,IAAc,GAAOuB,EAAavB,UAAYuB,EAAaE,QAC3DzB,IAAc,GACV0B,EAAuB1B,UACvB0B,EAAuBD,QAC3BnC,IAAc,GAAOiC,EAAajC,UAAY,KAC9CD,IAAa,GAAOkC,EAAalC,SAAW,KAC5CA,IAAa,GAAOqC,EAAuBrC,SAAW,KACtDE,IAAY,GAAOgC,EAAahC,QAAU,IAAI,CAC/C,EAAEH,SAEFG,CAAAA,IAAY,GACXoC,EAAA,MAAA,CAAKN,MAAOE,EAAaK,iBAAiBxC,SACxCuC,EAACE,EAAkB,EAAA,CAAA,CAChB,EACH,KACJF,EAAA,QAAA,CAAA,GACM1B,EACJC,IAAAA,EACA4B,OACE3C,EAAkBwB,SAAW,EACzBoB,OACA5C,EAAkB6C,KAAK,GAAG,EAEhCX,MAAOK,EAAuBO,MAC9B5C,SAAUA,IAAa,GACvBG,SAAAA,EACAC,SAAUU,EACVR,QAASiB,EACThB,UAAWoB,EACXnB,YAAaiB,EACboB,SAAU,EACVC,MAAM,GACNC,KAAK,MAAA,CACN,EACDT,EAAA,SAAA,CAAQtC,SAAUA,IAAa,GAAM6C,SAAU,GAAG9C,SAChDuC,EAAA,MAAA,CAAKN,MAAOE,EAAanC,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CAC5C,CAAC,CAAA,CACN,CAET,CAAC,EAED,SAASsB,EAAcJ,EAAiC,CACtD,OAAO+B,MAAMC,UAAUC,MAAMC,KAAKlC,CAAQ,EAAEmC,KAAKC,CAAc,CACjE"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map b/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map
deleted file mode 100644
index a55d53896..000000000
--- a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-secondary.stories-2b0091be.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js b/storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
similarity index 91%
rename from storybook/assets/file-upload-button-secondary.stories-2b0091be.js
rename to storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
index 328bea665..204205260 100644
--- a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js
+++ b/storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
@@ -1,4 +1,4 @@
-import{u as q}from"./use-initial-focus-57bdde46.js";import{F as o}from"./file-upload-button-ff119540.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./button.module-2bfe3ef2.js";import"./loading-indicator-a4a1d996.js";import"./file-comparator-3bc6e99f.js";const Z={tags:["2"],title:"Components/File Upload Button/Secondary"},r=function(){function e(n){console.log(n)}return t(o,{onSelectedFiles:e,secondary:!0,children:"Text"})},s=function(){function e(n){console.log(n)}return t(o,{...q(),onSelectedFiles:e,secondary:!0,children:"Text"})},i=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return t(o,{loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return t(o,{...q(),loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},l=function(){function e(n){console.log(n)}return t(o,{fullWidth:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};l.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return t(o,{acceptedFileTypes:e,onSelectedFiles:n,secondary:!0,children:"Text"})},p=function(){function e(n){console.log(n)}return t(o,{multiple:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};var F,h,f;r.parameters={...r.parameters,docs:{...(F=r.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
+import{u as q}from"./use-initial-focus-xmfxIugy.js";import{F as o}from"./file-upload-button-RaAkgiqe.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./button.module-7LHM3uxw.js";import"./loading-indicator-NeprGR7l.js";import"./file-comparator-J4lx6xNz.js";const Z={tags:["2"],title:"Components/File Upload Button/Secondary"},r=function(){function e(n){console.log(n)}return t(o,{onSelectedFiles:e,secondary:!0,children:"Text"})},s=function(){function e(n){console.log(n)}return t(o,{...q(),onSelectedFiles:e,secondary:!0,children:"Text"})},i=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return t(o,{loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return t(o,{...q(),loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},l=function(){function e(n){console.log(n)}return t(o,{fullWidth:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};l.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return t(o,{acceptedFileTypes:e,onSelectedFiles:n,secondary:!0,children:"Text"})},p=function(){function e(n){console.log(n)}return t(o,{multiple:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};var F,h,f;r.parameters={...r.parameters,docs:{...(F=r.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
function handleSelectedFiles(files: Array) {
console.log(files);
}
@@ -63,4 +63,3 @@ import{u as q}from"./use-initial-focus-57bdde46.js";import{F as o}from"./file-up
Text
;
}`,...(k=(O=p.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const $=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth","AcceptedFileTypes","MultipleFiles"];export{u as AcceptedFileTypes,i as Disabled,s as Focused,l as FullWidth,c as Loading,a as LoadingDisabled,d as LoadingFocused,p as MultipleFiles,r as Passive,$ as __namedExportsOrder,Z as default};
-//# sourceMappingURL=file-upload-button-secondary.stories-2b0091be.js.map
diff --git a/storybook/assets/file-upload-dropzone-66f5398d.js.map b/storybook/assets/file-upload-dropzone-66f5398d.js.map
deleted file mode 100644
index f996e9290..000000000
--- a/storybook/assets/file-upload-dropzone-66f5398d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-dropzone-66f5398d.js","sources":["../../src/components/file-upload/file-upload-dropzone/file-upload-dropzone.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback, useState } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../../types/focusable-component-props.js'\nimport { createClassName } from '../../../utilities/create-class-name.js'\nimport { createComponent } from '../../../utilities/create-component.js'\nimport { noop } from '../../../utilities/no-op.js'\nimport { fileComparator } from '../private/file-comparator.js'\nimport styles from './file-upload-dropzone.module.css'\n\nexport interface FileUploadDropzoneProps\n extends FocusableComponentProps {\n acceptedFileTypes?: Array\n children: ComponentChildren\n multiple?: boolean\n onBlur?: EventHandler.onBlur\n onChange?: EventHandler.onChange\n onDragEnd?: EventHandler.onDragEnd\n onDragEnter?: EventHandler.onDragEnter\n onDragOver?: EventHandler.onDragOver\n onDrop?: EventHandler.onDrop\n onSelectedFiles?: EventHandler.onSelectedFiles\n}\n\nexport const FileUploadDropzone = createComponent<\n HTMLInputElement,\n FileUploadDropzoneProps\n>(function (\n {\n acceptedFileTypes = [],\n children,\n multiple = false,\n onBlur = noop,\n onChange = noop,\n onDragEnd = noop,\n onDragEnter = noop,\n onDragOver = noop,\n onDrop = noop,\n onKeyDown = noop,\n onSelectedFiles = noop,\n propagateEscapeKeyDown = true,\n ...rest\n },\n ref\n) {\n const [isDropActive, setIsDropActive] = useState(false)\n\n const handleBlur = useCallback(\n function (event: Event.onBlur) {\n onBlur(event)\n setIsDropActive(false)\n },\n [onBlur]\n )\n\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const fileList = event.currentTarget.files\n if (fileList === null) {\n throw new Error('`event.currentTarget.files` is `null`')\n }\n const files = parseFileList({ acceptedFileTypes, fileList })\n if (files.length > 0) {\n onSelectedFiles(files)\n }\n },\n [acceptedFileTypes, onChange, onSelectedFiles]\n )\n\n const handleDragEnter = useCallback(\n function (event: Event.onDragEnter) {\n onDragEnter(event)\n event.preventDefault()\n },\n [onDragEnter]\n )\n\n const handleDragOver = useCallback(\n function (event: Event.onDragOver) {\n onDragOver(event)\n event.preventDefault()\n setIsDropActive(true)\n },\n [onDragOver]\n )\n\n const handleDragEnd = useCallback(\n function (event: Event.onDragEnd) {\n onDragEnd(event)\n event.preventDefault()\n setIsDropActive(false)\n },\n [onDragEnd]\n )\n\n const handleDrop = useCallback(\n function (event: Event.onDrop) {\n onDrop(event)\n if (event.dataTransfer === null) {\n throw new Error('`event.dataTransfer` is `null`')\n }\n event.preventDefault()\n const fileList = event.dataTransfer.files\n const files = parseFileList({ acceptedFileTypes, fileList })\n if (files.length > 0) {\n onSelectedFiles(files)\n }\n setIsDropActive(false)\n },\n [acceptedFileTypes, onDrop, onSelectedFiles]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n \n )\n})\n\nfunction parseFileList(options: {\n fileList: FileList\n acceptedFileTypes: Array\n}): Array {\n const { fileList, acceptedFileTypes } = options\n const result = Array.prototype.slice.call(fileList).sort(fileComparator)\n if (acceptedFileTypes.length === 0) {\n return result\n }\n return result.filter(function (file): boolean {\n return acceptedFileTypes.indexOf(file.type) !== -1\n })\n}\n"],"names":["FileUploadDropzone","createComponent","acceptedFileTypes","children","multiple","onBlur","noop","onChange","onDragEnd","onDragEnter","onDragOver","onDrop","onKeyDown","onSelectedFiles","propagateEscapeKeyDown","rest","ref","isDropActive","setIsDropActive","useState","handleBlur","useCallback","event","handleChange","fileList","currentTarget","files","Error","parseFileList","length","handleDragEnter","preventDefault","handleDragOver","handleDragEnd","handleDrop","dataTransfer","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","fileUploadDropzone","_jsx","accept","undefined","join","input","tabIndex","title","type","fill","border","options","result","Array","prototype","slice","call","sort","fileComparator","filter","file","indexOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-dropzone-66f5398d.js b/storybook/assets/file-upload-dropzone-URJ26_Ps.js
similarity index 84%
rename from storybook/assets/file-upload-dropzone-66f5398d.js
rename to storybook/assets/file-upload-dropzone-URJ26_Ps.js
index 45cc9de20..2cff642cb 100644
--- a/storybook/assets/file-upload-dropzone-66f5398d.js
+++ b/storybook/assets/file-upload-dropzone-URJ26_Ps.js
@@ -1,2 +1 @@
-import{c as I,h as O,T as o}from"./create-component-b0512abd.js";import{c as j}from"./create-class-name-71c46838.js";import{n}from"./no-op-cb277961.js";import{f as k}from"./file-comparator-3bc6e99f.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";const B="_fileUploadDropzone_111vt_1",N="_isDropActive_111vt_8",P="_input_111vt_12",q="_border_111vt_13",G="_children_111vt_38",i={fileUploadDropzone:B,isDropActive:N,input:P,border:q,children:G},R=I(function({acceptedFileTypes:t=[],children:d,multiple:a=!1,onBlur:s=n,onChange:f=n,onDragEnd:h=n,onDragEnter:D=n,onDragOver:_=n,onDrop:m=n,onKeyDown:v=n,onSelectedFiles:c=n,propagateEscapeKeyDown:g=!0,...b},z){const[U,u]=O(!1),w=o(function(r){s(r),u(!1)},[s]),C=o(function(r){f(r);const p=r.currentTarget.files;if(p===null)throw new Error("`event.currentTarget.files` is `null`");const l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l)},[t,f,c]),E=o(function(r){D(r),r.preventDefault()},[D]),L=o(function(r){_(r),r.preventDefault(),u(!0)},[_]),x=o(function(r){h(r),r.preventDefault(),u(!1)},[h]),T=o(function(r){if(m(r),r.dataTransfer===null)throw new Error("`event.dataTransfer` is `null`");r.preventDefault();const p=r.dataTransfer.files,l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l),u(!1)},[t,m,c]),y=o(function(r){v(r),r.key==="Escape"&&(g===!1&&r.stopPropagation(),r.currentTarget.blur())},[v,g]);return e("div",{class:j([i.fileUploadDropzone,U===!0?i.isDropActive:null]),children:[e("input",{...b,ref:z,accept:t.length===0?void 0:t.join(","),class:i.input,multiple:a,onBlur:w,onChange:C,onDragEnd:x,onDragEnter:E,onDragOver:L,onDrop:T,onKeyDown:y,tabIndex:0,title:"",type:"file"}),e("div",{class:i.fill}),e("div",{class:i.border}),e("div",{class:i.children,children:d})]})});function A(t){const{fileList:d,acceptedFileTypes:a}=t,s=Array.prototype.slice.call(d).sort(k);return a.length===0?s:s.filter(function(f){return a.indexOf(f.type)!==-1})}export{R as F};
-//# sourceMappingURL=file-upload-dropzone-66f5398d.js.map
+import{c as I,h as O,T as o}from"./create-component-a83A1_Pu.js";import{c as j}from"./create-class-name-gq91Tlk7.js";import{n}from"./no-op-Uu3q6ZSj.js";import{f as k}from"./file-comparator-J4lx6xNz.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";const B="_fileUploadDropzone_111vt_1",N="_isDropActive_111vt_8",P="_input_111vt_12",q="_border_111vt_13",G="_children_111vt_38",i={fileUploadDropzone:B,isDropActive:N,input:P,border:q,children:G},R=I(function({acceptedFileTypes:t=[],children:d,multiple:a=!1,onBlur:s=n,onChange:f=n,onDragEnd:h=n,onDragEnter:D=n,onDragOver:_=n,onDrop:m=n,onKeyDown:v=n,onSelectedFiles:c=n,propagateEscapeKeyDown:g=!0,...b},z){const[U,u]=O(!1),w=o(function(r){s(r),u(!1)},[s]),C=o(function(r){f(r);const p=r.currentTarget.files;if(p===null)throw new Error("`event.currentTarget.files` is `null`");const l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l)},[t,f,c]),E=o(function(r){D(r),r.preventDefault()},[D]),L=o(function(r){_(r),r.preventDefault(),u(!0)},[_]),x=o(function(r){h(r),r.preventDefault(),u(!1)},[h]),T=o(function(r){if(m(r),r.dataTransfer===null)throw new Error("`event.dataTransfer` is `null`");r.preventDefault();const p=r.dataTransfer.files,l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l),u(!1)},[t,m,c]),y=o(function(r){v(r),r.key==="Escape"&&(g===!1&&r.stopPropagation(),r.currentTarget.blur())},[v,g]);return e("div",{class:j([i.fileUploadDropzone,U===!0?i.isDropActive:null]),children:[e("input",{...b,ref:z,accept:t.length===0?void 0:t.join(","),class:i.input,multiple:a,onBlur:w,onChange:C,onDragEnd:x,onDragEnter:E,onDragOver:L,onDrop:T,onKeyDown:y,tabIndex:0,title:"",type:"file"}),e("div",{class:i.fill}),e("div",{class:i.border}),e("div",{class:i.children,children:d})]})});function A(t){const{fileList:d,acceptedFileTypes:a}=t,s=Array.prototype.slice.call(d).sort(k);return a.length===0?s:s.filter(function(f){return a.indexOf(f.type)!==-1})}export{R as F};
diff --git a/storybook/assets/file-upload-dropzone-63bdf16e.css b/storybook/assets/file-upload-dropzone-uTRHkxG-.css
similarity index 100%
rename from storybook/assets/file-upload-dropzone-63bdf16e.css
rename to storybook/assets/file-upload-dropzone-uTRHkxG-.css
diff --git a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map b/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map
deleted file mode 100644
index 06fe67225..000000000
--- a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-dropzone.stories-2f3f47d4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js b/storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
similarity index 84%
rename from storybook/assets/file-upload-dropzone.stories-2f3f47d4.js
rename to storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
index 377ff1c1e..5250dc405 100644
--- a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js
+++ b/storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
@@ -1,4 +1,4 @@
-import{u as D}from"./use-initial-focus-57bdde46.js";import{M as c}from"./muted-c4f74b69.js";import{T as s}from"./text-72c2365d.js";import{F as a}from"./file-upload-dropzone-66f5398d.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./file-comparator-3bc6e99f.js";const O={parameters:{fixedWidth:!0},title:"Components/File Upload Dropzone"},o=function(){function n(l){console.log(l)}return e(a,{onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},t=function(){function n(l){console.log(l)}return e(a,{...D(),onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},i=function(){const n=["image/x-png","image/gif","image/jpeg"];function l(z){console.log(z)}return e(a,{acceptedFileTypes:n,onSelectedFiles:l,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},r=function(){function n(l){console.log(l)}return e(a,{multiple:!0,onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})};var d,p,u;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as D}from"./use-initial-focus-xmfxIugy.js";import{M as c}from"./muted-FAkxyWMe.js";import{T as s}from"./text-SssoFudj.js";import{F as a}from"./file-upload-dropzone-URJ26_Ps.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./file-comparator-J4lx6xNz.js";const O={parameters:{fixedWidth:!0},title:"Components/File Upload Dropzone"},o=function(){function n(l){console.log(l)}return e(a,{onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},t=function(){function n(l){console.log(l)}return e(a,{...D(),onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},i=function(){const n=["image/x-png","image/gif","image/jpeg"];function l(z){console.log(z)}return e(a,{acceptedFileTypes:n,onSelectedFiles:l,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},r=function(){function n(l){console.log(l)}return e(a,{multiple:!0,onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})};var d,p,u;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
function handleSelectedFiles(files: Array) {
console.log(files);
}
@@ -36,4 +36,3 @@ import{u as D}from"./use-initial-focus-57bdde46.js";import{M as c}from"./muted-c
;
}`,...(M=(x=r.parameters)==null?void 0:x.docs)==null?void 0:M.source}}};const W=["Passive","Focused","AcceptedFileTypes","MultipleFiles"];export{i as AcceptedFileTypes,t as Focused,r as MultipleFiles,o as Passive,W as __namedExportsOrder,O as default};
-//# sourceMappingURL=file-upload-dropzone.stories-2f3f47d4.js.map
diff --git a/storybook/assets/get-current-from-ref-47f174f6.js.map b/storybook/assets/get-current-from-ref-47f174f6.js.map
deleted file mode 100644
index 648956674..000000000
--- a/storybook/assets/get-current-from-ref-47f174f6.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"get-current-from-ref-47f174f6.js","sources":["../../src/utilities/get-current-from-ref.ts"],"sourcesContent":["import { RefObject } from 'preact'\n\nexport function getCurrentFromRef(ref: RefObject): R {\n if (ref.current === null) {\n throw new Error('`ref.current` is `undefined`')\n }\n return ref.current\n}\n"],"names":["getCurrentFromRef","ref","current","Error"],"mappings":"AAEO,SAASA,EAAqBC,EAAsB,CACrDA,GAAAA,EAAIC,UAAY,KACZ,MAAA,IAAIC,MAAM,8BAA8B,EAEhD,OAAOF,EAAIC,OACb"}
\ No newline at end of file
diff --git a/storybook/assets/get-current-from-ref-47f174f6.js b/storybook/assets/get-current-from-ref-KzY6_NOj.js
similarity index 66%
rename from storybook/assets/get-current-from-ref-47f174f6.js
rename to storybook/assets/get-current-from-ref-KzY6_NOj.js
index 3413b716e..f1b490583 100644
--- a/storybook/assets/get-current-from-ref-47f174f6.js
+++ b/storybook/assets/get-current-from-ref-KzY6_NOj.js
@@ -1,2 +1 @@
function e(r){if(r.current===null)throw new Error("`ref.current` is `undefined`");return r.current}export{e as g};
-//# sourceMappingURL=get-current-from-ref-47f174f6.js.map
diff --git a/storybook/assets/icon-12.stories-246a554b.js b/storybook/assets/icon-12.stories-246a554b.js
deleted file mode 100644
index a09f9791c..000000000
--- a/storybook/assets/icon-12.stories-246a554b.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import{I as d}from"./icon-control-checkbox-checked-12-fd838326.js";import{c as C}from"./create-icon-59b2c318.js";import{o as i}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const m=C("M9 7H3V5h6v2Z",{height:12,width:12}),k={parameters:{fixedWidth:!1},title:"Icons/Size 12"},o=function(){return i(d,{})},e=function(){return i(m,{})};var r,t,c;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`function () {
- return {\n children: ComponentChildren\n disabled?: boolean\n onClick?: EventHandler.onClick\n}\n\nexport const IconButton = createComponent(\n function (\n {\n children,\n disabled = false,\n onClick,\n onKeyDown = noop,\n propagateEscapeKeyDown = true,\n ...rest\n },\n ref\n ) {\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n {children}\n \n )\n }\n)\n"],"names":["IconButton","createComponent","children","disabled","onClick","onKeyDown","noop","propagateEscapeKeyDown","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsx","class","styles","iconButton","tabIndex","icon"],"mappings":"8NAgBaA,EAAaC,EACxB,SACE,CACEC,SAAAA,EACAC,SAAAA,EAAW,GACXC,QAAAA,EACAC,UAAAA,EAAYC,EACZC,uBAAAA,EAAyB,GACzB,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDP,EAAUO,CAAK,EACXA,EAAMC,MAAQ,WACZN,IAA2B,IAC7BK,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACX,EAAWE,CAAsB,CACpC,EAEA,OACEU,EAAA,SAAA,CAAA,GACMT,EACJC,IAAAA,EACAS,MAAOC,EAAOC,WACdjB,SAAUA,IAAa,GACvBC,QAAAA,EACAC,UAAWK,EACXW,SAAU,EAAEnB,SAEZe,EAAA,MAAA,CAAKC,MAAOC,EAAOG,KAAKpB,SAAAA,CAAAA,CAAgB,CAAA,CAClC,CAEZ,CACF"}
\ No newline at end of file
diff --git a/storybook/assets/icon-button-6f0f9066.css b/storybook/assets/icon-button-JkZb0qjB.css
similarity index 100%
rename from storybook/assets/icon-button-6f0f9066.css
rename to storybook/assets/icon-button-JkZb0qjB.css
diff --git a/storybook/assets/icon-button-10110ab3.js b/storybook/assets/icon-button-UahFBS6G.js
similarity index 62%
rename from storybook/assets/icon-button-10110ab3.js
rename to storybook/assets/icon-button-UahFBS6G.js
index ccae342c4..c0992737b 100644
--- a/storybook/assets/icon-button-10110ab3.js
+++ b/storybook/assets/icon-button-UahFBS6G.js
@@ -1,2 +1 @@
-import{c as l,T as m}from"./create-component-b0512abd.js";import{n as b}from"./no-op-cb277961.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const d="_iconButton_1bkfg_1",p="_icon_1bkfg_1",i={iconButton:d,icon:p},k=l(function({children:s,disabled:r=!1,onClick:u,onKeyDown:n=b,propagateEscapeKeyDown:t=!0,...a},f){const e=m(function(o){n(o),o.key==="Escape"&&(t===!1&&o.stopPropagation(),o.currentTarget.blur())},[n,t]);return c("button",{...a,ref:f,class:i.iconButton,disabled:r===!0,onClick:u,onKeyDown:e,tabIndex:0,children:c("div",{class:i.icon,children:s})})});export{k as I};
-//# sourceMappingURL=icon-button-10110ab3.js.map
+import{c as l,T as m}from"./create-component-a83A1_Pu.js";import{n as b}from"./no-op-Uu3q6ZSj.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const d="_iconButton_1bkfg_1",p="_icon_1bkfg_1",i={iconButton:d,icon:p},k=l(function({children:s,disabled:r=!1,onClick:u,onKeyDown:n=b,propagateEscapeKeyDown:t=!0,...a},f){const e=m(function(o){n(o),o.key==="Escape"&&(t===!1&&o.stopPropagation(),o.currentTarget.blur())},[n,t]);return c("button",{...a,ref:f,class:i.iconButton,disabled:r===!0,onClick:u,onKeyDown:e,tabIndex:0,children:c("div",{class:i.icon,children:s})})});export{k as I};
diff --git a/storybook/assets/icon-button.stories-26351c6a.js b/storybook/assets/icon-button.stories-0eEjEUbw.js
similarity index 77%
rename from storybook/assets/icon-button.stories-26351c6a.js
rename to storybook/assets/icon-button.stories-0eEjEUbw.js
index 2e5341b48..9539f37fa 100644
--- a/storybook/assets/icon-button.stories-26351c6a.js
+++ b/storybook/assets/icon-button.stories-0eEjEUbw.js
@@ -1,4 +1,4 @@
-import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-plus-32-8b6a0896.js";import{I as i}from"./icon-button-10110ab3.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const b={title:"Components/Icon Button"},t=function(){function o(e){console.log(e)}return n(i,{onClick:o,children:n(s,{})})},c=function(){function o(e){console.log(e)}return n(i,{...k(),onClick:o,children:n(s,{})})},r=function(){function o(e){console.log(e)}return n(i,{disabled:!0,onClick:o,children:n(s,{})})};var l,a,u;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
+import{u as k}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-plus-32-QyIs5gmA.js";import{I as i}from"./icon-button-UahFBS6G.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const b={title:"Components/Icon Button"},t=function(){function o(e){console.log(e)}return n(i,{onClick:o,children:n(s,{})})},c=function(){function o(e){console.log(e)}return n(i,{...k(),onClick:o,children:n(s,{})})},r=function(){function o(e){console.log(e)}return n(i,{disabled:!0,onClick:o,children:n(s,{})})};var l,a,u;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
function handleClick(event: JSX.TargetedEvent) {
console.log(event);
}
@@ -20,4 +20,3 @@ import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-pl
{\n children: ComponentChildren\n disabled?: boolean\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n value: boolean\n}\n\nexport const IconToggleButton = createComponent<\n HTMLInputElement,\n IconToggleButtonProps\n>(function (\n {\n children,\n disabled = false,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const newValue = event.currentTarget.checked === true\n onValueChange(newValue)\n },\n [onChange, onValueChange]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n (true);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
(false);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as b}from"./use-init
(true);
const [dropdownValue, setDropdownValue] = useState('Regular');
const [frameLayerValue, setFrameLayerValue] = useState(true);
@@ -143,4 +143,3 @@ import{k as w}from"./preact.module-fa42f7d1.js";import{h as o}from"./create-comp
;
}`,...(g=(m=i.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};const _e=["Index"];export{i as Index,_e as __namedExportsOrder,ze as default};
-//# sourceMappingURL=index.stories-8bf340f0.js.map
diff --git a/storybook/assets/inline.stories-9fe0824d.css b/storybook/assets/inline-KDlXHm1z.css
similarity index 100%
rename from storybook/assets/inline.stories-9fe0824d.css
rename to storybook/assets/inline-KDlXHm1z.css
diff --git a/storybook/assets/inline.stories-36ef1375.js.map b/storybook/assets/inline.stories-36ef1375.js.map
deleted file mode 100644
index 49cd3cc5d..000000000
--- a/storybook/assets/inline.stories-36ef1375.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"inline.stories-36ef1375.js","sources":["../../src/layout/inline/inline.tsx"],"sourcesContent":["import { ComponentChild, ComponentChildren, h, toChildArray } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './inline.module.css'\n\nexport type InlineProps = {\n children: ComponentChildren\n space?: InlineSpace\n}\nexport type InlineSpace = Space\n\nexport const Inline = createComponent(function (\n { children, space, ...rest },\n ref\n) {\n return (\n \n {toChildArray(children).map(function (\n child: ComponentChild,\n index: number\n ) {\n return (\n \n {child}\n \n )\n })}\n \n )\n})\n"],"names":["Inline","createComponent","children","space","rest","ref","_jsx","class","undefined","styles","toChildArray","map","child","index"],"mappings":"4VAYaA,EAASC,EAA6C,SACjE,CAAEC,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAK,EAC3BC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAO,OAAOJ,EAAU,IAAcK,OAAYC,EAAON,CAAK,EAAED,SAE/DQ,EAAaR,CAAQ,EAAES,IAAI,SAC1BC,EACAC,EACA,CACA,OACEP,EAAA,MAAA,CAAiBC,MAAOE,EAAOG,MAAMV,SAClCU,GADOC,CAEL,CAAA,CAER,CAAA,CACE,CAET,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/inline.stories-36ef1375.js b/storybook/assets/inline.stories-wsks3aEC.js
similarity index 58%
rename from storybook/assets/inline.stories-36ef1375.js
rename to storybook/assets/inline.stories-wsks3aEC.js
index f561df579..87fa0b1b7 100644
--- a/storybook/assets/inline.stories-36ef1375.js
+++ b/storybook/assets/inline.stories-wsks3aEC.js
@@ -1,4 +1,4 @@
-import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";const A="_extraSmall_1u924_1",B="_medium_1u924_4",F="_large_1u924_7",G="_small_1u924_10",H="_extraLarge_1u924_13",J="_child_1u924_17",d={extraSmall:A,medium:B,large:F,small:G,extraLarge:H,child:J},a=w(function({children:e,space:s,...D},M){return r("div",{...D,ref:M,class:typeof s>"u"?void 0:d[s],children:q(e).map(function(O,j){return r("div",{class:d.child,children:O},j)})})}),Q={title:"Layout/Inline"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},n=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var u,m,v;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+import{$ as j}from"./preact.module-pS-_M4k6.js";import{c as q}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const w="_extraSmall_1u924_1",A="_medium_1u924_4",B="_large_1u924_7",F="_small_1u924_10",G="_extraLarge_1u924_13",H="_child_1u924_17",d={extraSmall:w,medium:A,large:B,small:F,extraLarge:G,child:H},n=q(function({children:e,space:s,...D},M){return r("div",{...D,ref:M,class:typeof s>"u"?void 0:d[s],children:j(e).map(function(O,$){return r("div",{class:d.child,children:O},$)})})}),P={title:"Layout/Inline"},a=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var u,m,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -7,7 +7,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(v=(m=o.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var y,b,g;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
+}`,...(v=(m=a.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var y,b,g;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -16,7 +16,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(g=(b=t.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var p,f,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
+}`,...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var p,f,h;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -25,7 +25,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(h=(f=n.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var S,_,x;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
+}`,...(h=(f=t.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var S,_,x;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -34,7 +34,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(x=(_=i.parameters)==null?void 0:_.docs)==null?void 0:x.source}}};var C,I,k;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
+}`,...(x=(_=i.parameters)==null?void 0:_.docs)==null?void 0:x.source}}};var I,C,k;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -43,7 +43,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(k=(I=l.parameters)==null?void 0:I.docs)==null?void 0:k.source}}};var z,L,E;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+}`,...(k=(C=l.parameters)==null?void 0:C.docs)==null?void 0:k.source}}};var z,L,E;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -52,5 +52,4 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
bar
baz
;
-}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const R=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,c as ExtraLargeSpace,t as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,n as SmallSpace,R as __namedExportsOrder,Q as default};
-//# sourceMappingURL=inline.stories-36ef1375.js.map
+}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const Q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{a as Default,c as ExtraLargeSpace,o as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,t as SmallSpace,Q as __namedExportsOrder,P as default};
diff --git a/storybook/assets/is-keycode-character-generating-0746a523.js.map b/storybook/assets/is-keycode-character-generating-0746a523.js.map
deleted file mode 100644
index e11e09297..000000000
--- a/storybook/assets/is-keycode-character-generating-0746a523.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"is-keycode-character-generating-0746a523.js","sources":["../../src/components/textbox/private/is-keycode-character-generating.ts"],"sourcesContent":["export function isKeyCodeCharacterGenerating(keyCode: number): boolean {\n return (\n keyCode === 32 || // space\n (keyCode >= 48 && keyCode <= 57) || // 0 to 9\n (keyCode >= 65 && keyCode <= 90) || // A to Z\n (keyCode >= 96 && keyCode <= 105) || // Number pad\n (keyCode >= 186 && keyCode <= 192) || // ;=,-./`\n (keyCode >= 219 && keyCode <= 222) // [\\]'\n )\n}\n"],"names":["isKeyCodeCharacterGenerating","keyCode"],"mappings":"AAAO,SAASA,EAA6BC,EAA0B,CACrE,OACEA,IAAY,IACXA,GAAW,IAAMA,GAAW,IAC5BA,GAAW,IAAMA,GAAW,IAC5BA,GAAW,IAAMA,GAAW,KAC5BA,GAAW,KAAOA,GAAW,KAC7BA,GAAW,KAAOA,GAAW,GAElC"}
\ No newline at end of file
diff --git a/storybook/assets/is-keycode-character-generating-0746a523.js b/storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
similarity index 63%
rename from storybook/assets/is-keycode-character-generating-0746a523.js
rename to storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
index 1689a37c4..91f21fa48 100644
--- a/storybook/assets/is-keycode-character-generating-0746a523.js
+++ b/storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
@@ -1,2 +1 @@
function n(r){return r===32||r>=48&&r<=57||r>=65&&r<=90||r>=96&&r<=105||r>=186&&r<=192||r>=219&&r<=222}export{n as i};
-//# sourceMappingURL=is-keycode-character-generating-0746a523.js.map
diff --git a/storybook/assets/jsxRuntime.module-632ba37d.js b/storybook/assets/jsxRuntime.module-632ba37d.js
deleted file mode 100644
index 9b2e365d0..000000000
--- a/storybook/assets/jsxRuntime.module-632ba37d.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{l as e}from"./preact.module-fa42f7d1.js";var v=0;function c(n,l,f,d,t,i){var o,_,r={};for(_ in l)_=="ref"?o=l[_]:r[_]=l[_];var u={type:n,props:r,key:f,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--v,__source:t,__self:i};if(typeof n=="function"&&(o=n.defaultProps))for(_ in o)r[_]===void 0&&(r[_]=o[_]);return e.vnode&&e.vnode(u),u}export{c as o};
-//# sourceMappingURL=jsxRuntime.module-632ba37d.js.map
diff --git a/storybook/assets/jsxRuntime.module-632ba37d.js.map b/storybook/assets/jsxRuntime.module-632ba37d.js.map
deleted file mode 100644
index 986107dc9..000000000
--- a/storybook/assets/jsxRuntime.module-632ba37d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"jsxRuntime.module-632ba37d.js","sources":["../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js"],"sourcesContent":["import{options as r}from\"preact\";export{Fragment}from\"preact\";var _=0;function o(o,e,n,t,f,l){var s,u,a={};for(u in e)\"ref\"==u?s=e[u]:a[u]=e[u];var i={type:o,props:a,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_,__source:f,__self:l};if(\"function\"==typeof o&&(s=o.defaultProps))for(u in s)void 0===a[u]&&(a[u]=s[u]);return r.vnode&&r.vnode(i),i}export{o as jsx,o as jsxDEV,o as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n"],"names":["_","o","e","n","t","f","l","s","u","a","i","r"],"mappings":"gDAA8D,IAAIA,EAAE,EAAE,SAASC,EAAEA,EAAEC,EAAEC,EAAEC,EAAEC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAEC,EAAE,CAAA,EAAG,IAAID,KAAKN,EAASM,GAAP,MAASD,EAAEL,EAAEM,CAAC,EAAEC,EAAED,CAAC,EAAEN,EAAEM,CAAC,EAAE,IAAIE,EAAE,CAAC,KAAKT,EAAE,MAAMQ,EAAE,IAAIN,EAAE,IAAII,EAAE,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,YAAY,OAAO,IAAI,EAAEP,EAAE,SAASK,EAAE,OAAOC,CAAC,EAAE,GAAe,OAAOL,GAAnB,aAAuBM,EAAEN,EAAE,cAAc,IAAIO,KAAKD,EAAWE,EAAED,CAAC,IAAZ,SAAgBC,EAAED,CAAC,EAAED,EAAEC,CAAC,GAAG,OAAOG,EAAE,OAAOA,EAAE,MAAMD,CAAC,EAAEA,CAAC","x_google_ignoreList":[0]}
\ No newline at end of file
diff --git a/storybook/assets/jsxRuntime.module-mP9ZGqev.js b/storybook/assets/jsxRuntime.module-mP9ZGqev.js
new file mode 100644
index 000000000..2a6260d94
--- /dev/null
+++ b/storybook/assets/jsxRuntime.module-mP9ZGqev.js
@@ -0,0 +1 @@
+import{l as u}from"./preact.module-pS-_M4k6.js";var p=0;function d(n,f,e,t,i,v){var o,_,r={};for(_ in f)_=="ref"?o=f[_]:r[_]=f[_];var l={type:n,props:r,key:e,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--p,__i:-1,__u:0,__source:i,__self:v};if(typeof n=="function"&&(o=n.defaultProps))for(_ in o)r[_]===void 0&&(r[_]=o[_]);return u.vnode&&u.vnode(l),l}export{d as u};
diff --git a/storybook/assets/layer-5c2c61bd.js b/storybook/assets/layer-1iS7BN44.js
similarity index 60%
rename from storybook/assets/layer-5c2c61bd.js
rename to storybook/assets/layer-1iS7BN44.js
index 393a9e6c6..41457d73d 100644
--- a/storybook/assets/layer-5c2c61bd.js
+++ b/storybook/assets/layer-1iS7BN44.js
@@ -1,2 +1 @@
-import{c as w,T as a}from"./create-component-b0512abd.js";import{c as y}from"./create-class-name-71c46838.js";import{n as e}from"./no-op-cb277961.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const T="_layer_1ixkw_1",g="_input_1ixkw_10",C="_box_1ixkw_11",L="_disabled_1ixkw_23",I="_component_1ixkw_35",N="_icon_1ixkw_43",P="_children_1ixkw_44",j="_description_1ixkw_45",q="_bold_1ixkw_63",n={layer:T,input:g,box:C,disabled:L,component:I,icon:N,children:P,description:j,bold:q},D=w(function({bold:d=!1,children:_,component:p=!1,description:i,icon:u,onChange:t=e,onKeyDown:s=e,onValueChange:l=e,propagateEscapeKeyDown:r=!0,value:x,...b},f){const m=a(function(o){t(o);const h=o.currentTarget.checked===!0;l(h)},[t,l]),k=a(function(o){s(o),o.key==="Escape"&&(r===!1&&o.stopPropagation(),o.currentTarget.blur())},[s,r]);return c("label",{class:y([n.layer,d===!0?n.bold:null,p===!0?n.component:null]),children:[c("input",{...b,ref:f,checked:x===!0,class:n.input,onChange:m,onKeyDown:k,tabIndex:0,type:"checkbox"}),c("div",{class:n.box}),c("div",{class:n.icon,children:u}),c("div",{class:n.children,children:_}),typeof i>"u"?null:c("div",{class:n.description,children:i})]})});export{D as L};
-//# sourceMappingURL=layer-5c2c61bd.js.map
+import{c as w,T as a}from"./create-component-a83A1_Pu.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n as e}from"./no-op-Uu3q6ZSj.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const T="_layer_1ixkw_1",g="_input_1ixkw_10",C="_box_1ixkw_11",L="_disabled_1ixkw_23",I="_component_1ixkw_35",N="_icon_1ixkw_43",P="_children_1ixkw_44",j="_description_1ixkw_45",q="_bold_1ixkw_63",n={layer:T,input:g,box:C,disabled:L,component:I,icon:N,children:P,description:j,bold:q},D=w(function({bold:d=!1,children:_,component:u=!1,description:i,icon:p,onChange:t=e,onKeyDown:s=e,onValueChange:l=e,propagateEscapeKeyDown:r=!0,value:x,...b},f){const m=a(function(o){t(o);const h=o.currentTarget.checked===!0;l(h)},[t,l]),k=a(function(o){s(o),o.key==="Escape"&&(r===!1&&o.stopPropagation(),o.currentTarget.blur())},[s,r]);return c("label",{class:y([n.layer,d===!0?n.bold:null,u===!0?n.component:null]),children:[c("input",{...b,ref:f,checked:x===!0,class:n.input,onChange:m,onKeyDown:k,tabIndex:0,type:"checkbox"}),c("div",{class:n.box}),c("div",{class:n.icon,children:p}),c("div",{class:n.children,children:_}),typeof i>"u"?null:c("div",{class:n.description,children:i})]})});export{D as L};
diff --git a/storybook/assets/layer-5c2c61bd.js.map b/storybook/assets/layer-5c2c61bd.js.map
deleted file mode 100644
index c8895e29d..000000000
--- a/storybook/assets/layer-5c2c61bd.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-5c2c61bd.js","sources":["../../src/components/layer/layer.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './layer.module.css'\n\nexport interface LayerProps extends FocusableComponentProps {\n bold?: boolean\n children: ComponentChildren\n component?: boolean\n description?: string\n icon: ComponentChildren\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n value: boolean\n}\n\nexport const Layer = createComponent(function (\n {\n bold = false,\n children,\n component = false,\n description,\n icon,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const newValue = event.currentTarget.checked === true\n onValueChange(newValue)\n },\n [onChange, onValueChange]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n (true);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-init
Text
;
}`,...(b=(E=m.parameters)==null?void 0:E.docs)==null?void 0:b.source}}};const W=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,p as Description,i as Focused,m as OnValueChange,s as Passive,W as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-component-selected.stories-9a6a8262.js.map
diff --git a/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map b/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map
deleted file mode 100644
index e9da0e4e8..000000000
--- a/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-component-unselected.stories-3eb75bff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-component-unselected.stories-3eb75bff.js b/storybook/assets/layer-component-unselected.stories-4sbK85q6.js
similarity index 64%
rename from storybook/assets/layer-component-unselected.stories-3eb75bff.js
rename to storybook/assets/layer-component-unselected.stories-4sbK85q6.js
index fb3aac033..9e9e71b74 100644
--- a/storybook/assets/layer-component-unselected.stories-3eb75bff.js
+++ b/storybook/assets/layer-component-unselected.stories-4sbK85q6.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-layer-component-16-f7ee7cd7.js";import{L as u}from"./layer-5c2c61bd.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Layer/Component Unselected"},l=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},i=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{...k(),component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},d=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{bold:!0,component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},p=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,description:"Description",icon:o(s,{}),onChange:r,value:a,children:"Text"})},m=function(){const[a,t]=c(!1);function r(n){console.log(n),t(n)}return o(u,{component:!0,icon:o(s,{}),onValueChange:r,value:a,children:"Text"})};var h,g,V;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as k}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-layer-component-16-Cmvba59g.js";import{L as u}from"./layer-1iS7BN44.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Layer/Component Unselected"},l=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},i=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{...k(),component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},d=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{bold:!0,component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},p=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,description:"Description",icon:o(s,{}),onChange:r,value:a,children:"Text"})},m=function(){const[a,t]=c(!1);function r(n){console.log(n),t(n)}return o(u,{component:!0,icon:o(s,{}),onValueChange:r,value:a,children:"Text"})};var h,g,V;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
const [value, setValue] = useState(false);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-init
Text
;
}`,...(b=(E=m.parameters)==null?void 0:E.docs)==null?void 0:b.source}}};const U=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,p as Description,i as Focused,m as OnValueChange,l as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-component-unselected.stories-3eb75bff.js.map
diff --git a/storybook/assets/layer-frame-selected.stories-65b266eb.js.map b/storybook/assets/layer-frame-selected.stories-65b266eb.js.map
deleted file mode 100644
index cc3820ab4..000000000
--- a/storybook/assets/layer-frame-selected.stories-65b266eb.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-frame-selected.stories-65b266eb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-frame-selected.stories-65b266eb.js b/storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
similarity index 73%
rename from storybook/assets/layer-frame-selected.stories-65b266eb.js
rename to storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
index 0334787bc..e2d6967f0 100644
--- a/storybook/assets/layer-frame-selected.stories-65b266eb.js
+++ b/storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-initial-focus-57bdde46.js";import{I as u}from"./icon-layer-frame-16-89e1c06f.js";import{L as l}from"./layer-5c2c61bd.js";import{o as a}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Layer/Frame Selected"},s=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{icon:a(u,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{...b(),icon:a(u,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{bold:!0,icon:a(u,{}),onChange:r,value:t,children:"Text"})},h=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{description:"Description",icon:a(u,{}),onChange:r,value:t,children:"Text"})},g=function(){const[t,o]=c(!0);function r(n){console.log(n),o(n)}return a(l,{icon:a(u,{}),onValueChange:r,value:t,children:"Text"})};var m,p,V;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+import{h as u}from"./create-component-a83A1_Pu.js";import{u as b}from"./use-initial-focus-xmfxIugy.js";import{I as c}from"./icon-layer-frame-16-sVAwYanE.js";import{L as l}from"./layer-1iS7BN44.js";import{u as a}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Layer/Frame Selected"},s=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{icon:a(c,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{...b(),icon:a(c,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{bold:!0,icon:a(c,{}),onChange:r,value:t,children:"Text"})},h=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{description:"Description",icon:a(c,{}),onChange:r,value:t,children:"Text"})},g=function(){const[t,o]=u(!0);function r(n){console.log(n),o(n)}return a(l,{icon:a(c,{}),onValueChange:r,value:t,children:"Text"})};var m,p,V;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
const [value, setValue] = useState(true);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-init
Text
;
}`,...(E=(F=g.parameters)==null?void 0:F.docs)==null?void 0:E.source}}};const W=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,h as Description,i as Focused,g as OnValueChange,s as Passive,W as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-frame-selected.stories-65b266eb.js.map
diff --git a/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map b/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map
deleted file mode 100644
index 5a0b760b1..000000000
--- a/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-frame-unselected.stories-43279d0f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-frame-unselected.stories-43279d0f.js b/storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
similarity index 89%
rename from storybook/assets/layer-frame-unselected.stories-43279d0f.js
rename to storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
index 193995f0a..691aeb87b 100644
--- a/storybook/assets/layer-frame-unselected.stories-43279d0f.js
+++ b/storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-layer-frame-16-89e1c06f.js";import{L as l}from"./layer-5c2c61bd.js";import{o as a}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Layer/Frame Unselected"},u=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{icon:a(s,{}),onChange:r,value:o,children:"Text"})},i=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{...b(),icon:a(s,{}),onChange:r,value:o,children:"Text"})},d=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{bold:!0,icon:a(s,{}),onChange:r,value:o,children:"Text"})},h=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{description:"Description",icon:a(s,{}),onChange:r,value:o,children:"Text"})},g=function(){const[o,t]=c(!1);function r(n){console.log(n),t(n)}return a(l,{icon:a(s,{}),onValueChange:r,value:o,children:"Text"})};var m,p,V;u.parameters={...u.parameters,docs:{...(m=u.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as b}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-layer-frame-16-sVAwYanE.js";import{L as l}from"./layer-1iS7BN44.js";import{u as a}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Layer/Frame Unselected"},u=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{icon:a(s,{}),onChange:r,value:o,children:"Text"})},i=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{...b(),icon:a(s,{}),onChange:r,value:o,children:"Text"})},d=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{bold:!0,icon:a(s,{}),onChange:r,value:o,children:"Text"})},h=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{description:"Description",icon:a(s,{}),onChange:r,value:o,children:"Text"})},g=function(){const[o,t]=c(!1);function r(n){console.log(n),t(n)}return a(l,{icon:a(s,{}),onValueChange:r,value:o,children:"Text"})};var m,p,V;u.parameters={...u.parameters,docs:{...(m=u.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
const [value, setValue] = useState(false);
function handleChange(event: JSX.TargetedEvent) {
const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-init
Text
;
}`,...(E=(F=g.parameters)==null?void 0:F.docs)==null?void 0:E.source}}};const U=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,h as Description,i as Focused,g as OnValueChange,u as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-frame-unselected.stories-43279d0f.js.map
diff --git a/storybook/assets/link.stories-43d6b0b7.css b/storybook/assets/link-v2tCSOw6.css
similarity index 100%
rename from storybook/assets/link.stories-43d6b0b7.css
rename to storybook/assets/link-v2tCSOw6.css
diff --git a/storybook/assets/link.stories-8f4fc19d.js.map b/storybook/assets/link.stories-8f4fc19d.js.map
deleted file mode 100644
index 91f542d1f..000000000
--- a/storybook/assets/link.stories-8f4fc19d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"link.stories-8f4fc19d.js","sources":["../../src/inline-text/link/link.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './link.module.css'\n\nexport interface LinkProps extends FocusableComponentProps {\n children: ComponentChildren\n fullWidth?: boolean\n href: string\n target?: string\n}\n\nexport const Link = createComponent(function (\n {\n children,\n fullWidth = false,\n href,\n onKeyDown = noop,\n propagateEscapeKeyDown = true,\n target,\n ...rest\n },\n ref\n) {\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [propagateEscapeKeyDown, onKeyDown]\n )\n\n return (\n \n {children}\n \n )\n})\n"],"names":["Link","createComponent","children","fullWidth","href","onKeyDown","noop","propagateEscapeKeyDown","target","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsx","class","createClassName","styles","link","tabIndex"],"mappings":"4VAiBaA,EAAOC,EAA8C,SAChE,CACEC,SAAAA,EACAC,UAAAA,EAAY,GACZC,KAAAA,EACAC,UAAAA,EAAYC,EACZC,uBAAAA,EAAyB,GACzBC,OAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDR,EAAUQ,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACV,EAAwBF,CAAS,CACpC,EAEA,OACEa,EAAA,IAAA,CAAA,GACMT,EACJC,IAAAA,EACAS,MAAOC,EAAgB,CACrBC,EAAOC,KACPnB,IAAc,GAAOkB,EAAOlB,UAAY,IAAI,CAC7C,EACDC,KAAAA,EACAC,UAAWM,EACXY,SAAU,EACVf,OAAAA,EAAeN,SAAAA,CAAAA,CAGd,CAEP,CAAC;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/link.stories-8f4fc19d.js b/storybook/assets/link.stories-s_WMOv7o.js
similarity index 55%
rename from storybook/assets/link.stories-8f4fc19d.js
rename to storybook/assets/link.stories-s_WMOv7o.js
index abc82f5b2..b63a28fea 100644
--- a/storybook/assets/link.stories-8f4fc19d.js
+++ b/storybook/assets/link.stories-s_WMOv7o.js
@@ -1,14 +1,14 @@
-import{T as i}from"./text-72c2365d.js";import{c as C,T as N}from"./create-component-b0512abd.js";import{c as S}from"./create-class-name-71c46838.js";import{n as v}from"./no-op-cb277961.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const D="_link_xe0wi_1",F="_fullWidth_xe0wi_15",u={link:D,fullWidth:F},a=C(function({children:s,fullWidth:T=!1,href:_,onKeyDown:c=v,propagateEscapeKeyDown:l=!0,target:b,...W},y){const w=N(function(t){c(t),t.key==="Escape"&&(l===!1&&t.stopPropagation(),t.currentTarget.blur())},[l,c]);return r("a",{...W,ref:y,class:S([u.link,T===!0?u.fullWidth:null]),href:_,onKeyDown:w,tabIndex:0,target:b,children:s})}),z={title:"Inline Text/Link"},e=function(){return r(i,{children:r(a,{href:"https://figma.com",children:"Link"})})},n=function(){return r(i,{children:r(a,{href:"https://figma.com",target:"_blank",children:"Link"})})},o=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(i,{children:r(a,{fullWidth:!0,href:"https://figma.com",children:"Link"})})})};var f,m,d;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
+import{T as i}from"./text-SssoFudj.js";import{c as C,T as N}from"./create-component-a83A1_Pu.js";import{c as S}from"./create-class-name-gq91Tlk7.js";import{n as v}from"./no-op-Uu3q6ZSj.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const D="_link_xe0wi_1",F="_fullWidth_xe0wi_15",u={link:D,fullWidth:F},a=C(function({children:s,fullWidth:T=!1,href:_,onKeyDown:c=v,propagateEscapeKeyDown:l=!0,target:b,...W},y){const w=N(function(n){c(n),n.key==="Escape"&&(l===!1&&n.stopPropagation(),n.currentTarget.blur())},[l,c]);return r("a",{...W,ref:y,class:S([u.link,T===!0?u.fullWidth:null]),href:_,onKeyDown:w,tabIndex:0,target:b,children:s})}),z={title:"Inline Text/Link"},t=function(){return r(i,{children:r(a,{href:"https://figma.com",children:"Link"})})},e=function(){return r(i,{children:r(a,{href:"https://figma.com",target:"_blank",children:"Link"})})},o=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(i,{children:r(a,{fullWidth:!0,href:"https://figma.com",children:"Link"})})})};var f,m,d;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
return
Link
;
-}`,...(d=(m=e.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var h,p,k;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var h,p,k;e.parameters={...e.parameters,docs:{...(h=e.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
return
Link
;
-}`,...(k=(p=n.parameters)==null?void 0:p.docs)==null?void 0:k.source}}};var g,L,x;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
+}`,...(k=(p=e.parameters)==null?void 0:p.docs)==null?void 0:k.source}}};var g,L,x;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
};
@@ -19,5 +19,4 @@ import{T as i}from"./text-72c2365d.js";import{c as C,T as N}from"./create-compon
\n \n
\n )\n})\n"],"names":["LoadingIndicator","createComponent","color","rest","ref","_jsx","class","styles","loadingIndicator","children","svg","style","undefined","fill","d"],"mappings":"gNAUaA,EAAmBC,EAG9B,SAAU,CAAEC,MAAAA,EAAO,GAAGC,CAAK,EAAGC,EAAK,CACnC,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,iBAAiBC,SACtDJ,EAAA,MAAA,CACEC,MAAOC,EAAOG,IACdC,MACE,OAAOT,EAAU,IACbU,OACA,CACEC,KAAO,0BAAyBX,CAAM,GACxC,EACLO,SAEDJ,EAAA,OAAA,CAAMS,EAAE,8RAAA,CAAgS,CAAA,CACrS,CAAA,CACF,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/loading-indicator-e2d9ff62.css b/storybook/assets/loading-indicator-szUtEGsH.css
similarity index 100%
rename from storybook/assets/loading-indicator-e2d9ff62.css
rename to storybook/assets/loading-indicator-szUtEGsH.css
diff --git a/storybook/assets/loading-indicator.stories-d2208236.js b/storybook/assets/loading-indicator.stories-_VKlm_r4.js
similarity index 73%
rename from storybook/assets/loading-indicator.stories-d2208236.js
rename to storybook/assets/loading-indicator.stories-_VKlm_r4.js
index 8a674bba6..e4ddb8098 100644
--- a/storybook/assets/loading-indicator.stories-d2208236.js
+++ b/storybook/assets/loading-indicator.stories-_VKlm_r4.js
@@ -1,6 +1,5 @@
-import{L as i}from"./loading-indicator-a4a1d996.js";import{o as d}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const f={parameters:{fixedWidth:!1},title:"Components/Loading Indicator"},r=function(){return d(i,{})},o=function(){return d(i,{color:"brand"})};var t,a,e;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+import{L as i}from"./loading-indicator-NeprGR7l.js";import{u as d}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const f={parameters:{fixedWidth:!1},title:"Components/Loading Indicator"},r=function(){return d(i,{})},o=function(){return d(i,{color:"brand"})};var t,a,e;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
return \n
\n )\n }\n)\n"],"names":["MiddleAlign","createComponent","children","rest","ref","_jsx","class","styles","middleAlign"],"mappings":"wNASaA,EAAcC,EACzB,SAAU,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EAAGC,EAAK,CACpC,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,YAAYN,SACjDG,EAAA,MAAA,CAAKC,MAAOC,EAAOL,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CACzC,CAET,CACF;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/middle-align.stories-fb63b6cf.js b/storybook/assets/middle-align.stories-wpjqUQ4b.js
similarity index 76%
rename from storybook/assets/middle-align.stories-fb63b6cf.js
rename to storybook/assets/middle-align.stories-wpjqUQ4b.js
index 6b16041d2..2bed8b0c0 100644
--- a/storybook/assets/middle-align.stories-fb63b6cf.js
+++ b/storybook/assets/middle-align.stories-wpjqUQ4b.js
@@ -1,4 +1,4 @@
-import{c}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const a="_middleAlign_294f9_1",m="_children_294f9_8",t={middleAlign:a,children:m},g=c(function({children:n,...o},s){return r("div",{...o,ref:s,class:t.middleAlign,children:r("div",{class:t.children,children:n})})}),p={parameters:{fixedWidth:!0},title:"Layout/Middle Align"},e=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)",height:240},children:r(g,{children:"Text"})})};var i,d,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
+import{c}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const a="_middleAlign_294f9_1",m="_children_294f9_8",t={middleAlign:a,children:m},g=c(function({children:n,...o},s){return r("div",{...o,ref:s,class:t.middleAlign,children:r("div",{class:t.children,children:n})})}),p={parameters:{fixedWidth:!0},title:"Layout/Middle Align"},e=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)",height:240},children:r(g,{children:"Text"})})};var i,d,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
const style = {
backgroundColor: 'var(--figma-color-bg-brand-tertiary)',
height: 240
@@ -7,4 +7,3 @@ import{c}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.mo
{children}
\n