@mittwald/flow-react-components 0.1.0-alpha.400 → 0.1.0-alpha.401

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.401](https://github.com/mittwald/flow/compare/0.1.0-alpha.400...0.1.0-alpha.401) (2025-01-23)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.400](https://github.com/mittwald/flow/compare/0.1.0-alpha.399...0.1.0-alpha.400) (2025-01-23)
 
 ### Bug Fixes

package/dist/css/Avatar.css

@@ -1 +1 @@
-.flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar.flow--avatar--size-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--avatar.flow--avatar--blue,.flow--avatar{--background-color: var(--decorative--blue-background-color);--content-color: var(--decorative--blue-content-color);--content-accent-color: var( --decorative--blue-content-accent-color )}.flow--avatar.flow--avatar--teal{--background-color: var(--decorative--teal-background-color);--content-color: var(--decorative--teal-content-color);--content-accent-color: var( --decorative--teal-content-accent-color )}.flow--avatar.flow--avatar--green{--background-color: var(--decorative--green-background-color);--content-color: var(--decorative--green-content-color);--content-accent-color: var( --decorative--green-content-accent-color )}.flow--avatar.flow--avatar--violet{--background-color: var(--decorative--violet-background-color);--content-color: var(--decorative--violet-content-color);--content-accent-color: var( --decorative--violet-content-accent-color )}.flow--avatar.flow--avatar--lilac{--background-color: var(--decorative--lilac-background-color);--content-color: var(--decorative--lilac-content-color);--content-accent-color: var( --decorative--lilac-content-accent-color )}
+.flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar.flow--avatar--size-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--avatar.flow--avatar--dynamic-blue:has(.flow--avatar--initials),.flow--avatar.flow--avatar--blue,.flow--avatar{--background-color: var(--decorative--blue-background-color);--content-color: var(--decorative--blue-content-color);--content-accent-color: var(--decorative--blue-content-accent-color)}.flow--avatar.flow--avatar--dynamic-teal:has(.flow--avatar--initials),.flow--avatar.flow--avatar--teal{--background-color: var(--decorative--teal-background-color);--content-color: var(--decorative--teal-content-color);--content-accent-color: var(--decorative--teal-content-accent-color)}.flow--avatar.flow--avatar--dynamic-green:has(.flow--avatar--initials),.flow--avatar.flow--avatar--green{--background-color: var(--decorative--green-background-color);--content-color: var(--decorative--green-content-color);--content-accent-color: var(--decorative--green-content-accent-color)}.flow--avatar.flow--avatar--dynamic-violet:has(.flow--avatar--initials),.flow--avatar.flow--avatar--violet{--background-color: var(--decorative--violet-background-color);--content-color: var(--decorative--violet-content-color);--content-accent-color: var(--decorative--violet-content-accent-color)}.flow--avatar.flow--avatar--dynamic-lilac:has(.flow--avatar--initials),.flow--avatar.flow--avatar--lilac{--background-color: var(--decorative--lilac-background-color);--content-color: var(--decorative--lilac-content-color);--content-accent-color: var(--decorative--lilac-content-accent-color)}

package/dist/css/CheckboxGroup.css

@@ -1 +1 @@
-.flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--checkbox-group .flow--checkbox-button{width:auto}
+.flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--checkbox-group .flow--checkbox-button{width:auto}.flow--checkbox-group:empty{display:none}

package/dist/css/ColumnLayout.css

@@ -1 +1 @@
-.flow--column-layout--column-layout-container{container-type:inline-size}.flow--column-layout{display:grid;gap:var(--column-layout--row-gap) var(--column-layout--column-gap);grid-template-columns:var(--column-layout--columns-l, 1fr 1fr 1fr)}@container (max-width: 850px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-m, 1fr 1fr)}}@container (max-width: 550px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-s, 1fr)}}
+.flow--column-layout--column-layout-container{container-type:inline-size}.flow--column-layout--column-layout-container:has(.flow--column-layout:empty){display:none}.flow--column-layout{display:grid;gap:var(--column-layout--row-gap) var(--column-layout--column-gap);grid-template-columns:var(--column-layout--columns-l, 1fr 1fr 1fr)}@container (max-width: 850px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-m, 1fr 1fr)}}@container (max-width: 550px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-s, 1fr)}}

package/dist/css/MenuItem.css

@@ -1 +1 @@
-.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item:has(.flow--menu-item--switch){justify-content:space-between}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--spacing)}.flow--menu-item .flow--menu-item--switch{order:2}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}.flow--menu-item:has(.flow--menu-item--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--menu-item:has(.flow--menu-item--avatar) .flow--menu-item--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--icon{display:block}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--icon{display:block}
+.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item:has(.flow--menu-item--switch){justify-content:space-between}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{color:var(--menu-item--icon-color--default);margin-inline-end:var(--menu-item--spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}.flow--menu-item:has(.flow--menu-item--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--menu-item:has(.flow--menu-item--avatar) .flow--menu-item--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--icon{display:block}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--icon{display:block}

package/dist/css/Navigation.css

@@ -1 +1 @@
-.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item:has(.flow--navigation--switch){justify-content:space-between}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item .flow--navigation--switch{order:2}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}
+.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item:has(.flow--navigation--switch){justify-content:space-between}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{color:var(--menu-item--icon-color--default);margin-inline-end:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}

package/dist/css/RadioGroup.css

@@ -1 +1 @@
-.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--radio-group--radio-button{display:grid;row-gap:var(--form-control--spacing-y);column-gap:var(--form-control--spacing-x);grid-template-areas:"icon label";grid-template-columns:auto 1fr;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--radio-button:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--radio-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--radio-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--radio-button:focus-visible,.flow--radio-group--radio-button:focus{outline:none}.flow--radio-group--radio-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--radio-button:disabled,.flow--radio-group--radio-button[data-disabled],[aria-disabled] .flow--radio-group--radio-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--radio-button:disabled::placeholder,.flow--radio-group--radio-button[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--radio-group--radio-button.flow--radio-group--radio-button{width:auto}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content){grid-template-areas:"icon label" ".    content";grid-template-rows:auto 1fr}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content) .flow--radio-group--radio-button--label{font-weight:var(--font-weight--bold)}.flow--radio-group--radio-button--label{grid-area:label}.flow--radio-group--radio-button--content{grid-area:content}.flow--radio-group--radio{display:grid;column-gap:var(--form-control--spacing-x);grid-template-columns:auto 1fr;width:fit-content}.flow--radio-group--radio{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--radio-group--radio[data-focused],.flow--radio-group--radio:focus{outline-style:none}.flow--radio-group--radio[data-focus-visible],.flow--radio-group--radio:focus-visible{outline-style:auto}.flow--radio-group--radio[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--radio-group--radio .flow--radio-group--radio--icon{color:var(--choice--icon-color--default)}.flow--radio-group--radio[data-selected] .flow--radio-group--radio--icon{color:var(--choice--icon-color--selected)}.flow--radio-group--radio[data-disabled]{color:var(--text--color--disabled)}.flow--radio-group--radio[data-disabled] .flow--radio-group--radio--icon{color:var(--choice--icon-color--disabled)}
+.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--radio-group:empty{display:none}.flow--radio-group--radio{display:grid;column-gap:var(--form-control--spacing-x);grid-template-columns:auto 1fr;width:fit-content}.flow--radio-group--radio{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--radio-group--radio[data-focused],.flow--radio-group--radio:focus{outline-style:none}.flow--radio-group--radio[data-focus-visible],.flow--radio-group--radio:focus-visible{outline-style:auto}.flow--radio-group--radio[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--radio-group--radio .flow--radio-group--radio--icon{color:var(--choice--icon-color--default)}.flow--radio-group--radio[data-selected] .flow--radio-group--radio--icon{color:var(--choice--icon-color--selected)}.flow--radio-group--radio[data-disabled]{color:var(--text--color--disabled)}.flow--radio-group--radio[data-disabled] .flow--radio-group--radio--icon{color:var(--choice--icon-color--disabled)}.flow--radio-group--radio-button{display:grid;row-gap:var(--form-control--spacing-y);column-gap:var(--form-control--spacing-x);grid-template-areas:"icon label";grid-template-columns:auto 1fr;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--radio-button:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--radio-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--radio-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--radio-button:focus-visible,.flow--radio-group--radio-button:focus{outline:none}.flow--radio-group--radio-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--radio-button:disabled,.flow--radio-group--radio-button[data-disabled],[aria-disabled] .flow--radio-group--radio-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--radio-button:disabled::placeholder,.flow--radio-group--radio-button[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--radio-group--radio-button.flow--radio-group--radio-button{width:auto}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content){grid-template-areas:"icon label" ".    content";grid-template-rows:auto 1fr}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content) .flow--radio-group--radio-button--label{font-weight:var(--font-weight--bold)}.flow--radio-group--radio-button--label{grid-area:label}.flow--radio-group--radio-button--content{grid-area:content}

package/dist/css/Select.css

@@ -1 +1 @@
-.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option:has(.flow--select--option--switch){justify-content:space-between}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--spacing)}.flow--select--option .flow--select--option--switch{order:2}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}.flow--select--option:has(.flow--select--option--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--select--option:has(.flow--select--option--avatar) .flow--select--option--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--icon{display:block}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--icon{display:block}
+.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option:has(.flow--select--option--switch){justify-content:space-between}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{color:var(--menu-item--icon-color--default);margin-inline-end:var(--menu-item--spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}.flow--select--option:has(.flow--select--option--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--select--option:has(.flow--select--option--avatar) .flow--select--option--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--icon{display:block}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--icon{display:block}

package/dist/js/Avatar-Do4F3eUs.js

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import i, { isValidElement as v } from "react";
+import f from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as d } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { hash as w } from "object-code";
+import { deepForEach as y } from "react-children-utilities";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
+const C = "flow--avatar", b = "flow--avatar--icon", z = "flow--avatar--initials", g = "flow--avatar--blue", h = "flow--avatar--teal", x = "flow--avatar--green", E = "flow--avatar--violet", N = "flow--avatar--lilac", o = {
+  avatar: C,
+  icon: b,
+  initials: z,
+  "size-m": "flow--avatar--size-m",
+  "size-xs": "flow--avatar--size-xs",
+  "size-s": "flow--avatar--size-s",
+  "size-l": "flow--avatar--size-l",
+  "dynamic-blue": "flow--avatar--dynamic-blue",
+  blue: g,
+  "dynamic-teal": "flow--avatar--dynamic-teal",
+  teal: h,
+  "dynamic-green": "flow--avatar--dynamic-green",
+  green: x,
+  "dynamic-violet": "flow--avatar--dynamic-violet",
+  violet: E,
+  "dynamic-lilac": "flow--avatar--dynamic-lilac",
+  lilac: N
+}, P = (l) => {
+  const a = [];
+  y(l, (t) => {
+    v(t) ? a.push({
+      props: t.props,
+      type: t.type
+    }) : a.push(t);
+  });
+  const r = w(a), e = Math.abs(r % (s.length - 1));
+  return s[e];
+}, s = [
+  "blue",
+  "teal",
+  "green",
+  "violet",
+  "lilac"
+], q = u("Avatar", (l) => {
+  const { children: a, className: r, color: e, size: t = "m", refProp: n } = l, c = f(
+    o.avatar,
+    o[`size-${t}`],
+    r,
+    o[e ?? "blue"],
+    !e && o[`dynamic-${P(a)}`]
+  ), m = {
+    Initials: {
+      className: o.initials
+    },
+    Icon: {
+      className: o.icon
+    }
+  };
+  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement("div", { className: c, ref: n }, /* @__PURE__ */ i.createElement(d, { props: m }, a)));
+});
+export {
+  q as A
+};

package/dist/js/Avatar.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Avatar-w4MD020Q.js";
+import { A as r } from "./Avatar-Do4F3eUs.js";
 export {
   r as Avatar,
   r as default

package/dist/js/CheckboxButton.js

@@ -1,7 +1,30 @@
 "use client"
 /* */
-import { C as t } from "./CheckboxButton-D9_lyK15.js";
+import t from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as b } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { C as x } from "./Checkbox-BU4YHXyk.js";
+import { f } from "./flowComponent-BQs9wMX_.js";
+const C = "flow--checkbox-button", i = "flow--checkbox-button--label", u = "flow--checkbox-button--content", o = {
+  checkboxButton: C,
+  label: i,
+  content: u
+}, y = f("CheckboxButton", (e) => {
+  const { children: c, className: n, refProp: r, ...s } = e, l = m(o.checkboxButton, n), a = {
+    Text: {
+      className: o.label
+    },
+    Content: {
+      className: o.content
+    }
+  };
+  return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ t.createElement(b, { props: a }, c)));
+});
 export {
-  t as CheckboxButton,
-  t as default
+  y as CheckboxButton,
+  y as default
 };

package/dist/js/CheckboxGroup.js

@@ -1,23 +1,21 @@
 "use client"
 /* */
 import e from "react";
-import * as x from "react-aria-components";
-import b from "clsx";
+import * as u from "react-aria-components";
+import x from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import { PropsContextProvider as E } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-B_3nLHFz.js";
-import { C as k } from "./CheckboxButton-D9_lyK15.js";
-import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
+import { F as b } from "./FieldError-B_3nLHFz.js";
+import { TunnelProvider as h, TunnelExit as r } from "@mittwald/react-tunnel";
 import { f as o } from "./FormField.module-CqWpTQKP.js";
-import { C as N } from "./ColumnLayout-BhsG7J-Z.js";
-import { f as F } from "./flowComponent-BQs9wMX_.js";
-import { d as G } from "./deepHas-KHS5X1F_.js";
-const D = "flow--checkbox-group", s = {
-  checkboxGroup: D
-}, j = F("CheckboxGroup", (l) => {
-  const { children: t, className: m, s: a, m: i, l: n, refProp: p, ...d } = l, f = b(o.formField, m), u = {
+import { C as k } from "./ColumnLayout-BhsG7J-Z.js";
+import { f as C } from "./flowComponent-BQs9wMX_.js";
+const N = "flow--checkbox-group", t = {
+  checkboxGroup: N
+}, g = C("CheckboxGroup", (c) => {
+  const { children: l, className: s, s: m, m: n, l: i, refProp: a, ...p } = c, d = x(o.formField, s), f = {
     Label: {
       className: o.label
     },
@@ -33,12 +31,12 @@ const D = "flow--checkbox-group", s = {
       tunnelId: "checkboxes"
     },
     CheckboxButton: {
-      tunnelId: "checkboxes"
+      tunnelId: "checkboxButtons"
     }
-  }, c = G(t, k);
-  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: a, m: i, l: n, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
+  };
+  return /* @__PURE__ */ e.createElement(u.CheckboxGroup, { ...p, className: d, ref: a }, /* @__PURE__ */ e.createElement(E, { props: f }, /* @__PURE__ */ e.createElement(h, null, l, /* @__PURE__ */ e.createElement(k, { s: m, m: n, l: i, className: t.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxButtons" })), /* @__PURE__ */ e.createElement("div", { className: t.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(b, { className: o.fieldError }));
 });
 export {
-  j as CheckboxGroup,
-  j as default
+  g as CheckboxGroup,
+  g as default
 };

package/dist/js/ContextMenu.js

@@ -2,7 +2,7 @@
 /* */
 import { C as t } from "./ContextMenuTrigger-C6ZCPTHC.js";
 import { a as n } from "./ContextMenuTrigger-C6ZCPTHC.js";
-import { M as x } from "./MenuItem-D5BsewlU.js";
+import { M as x } from "./MenuItem-B6P8yo9s.js";
 import { C as f } from "./ContextMenuSection-kLzjPKqH.js";
 export {
   t as ContextMenu,

package/dist/js/FileCard.js

@@ -4,7 +4,7 @@ import e from "react";
 import { I as b, a as w } from "./IconImage-CaXFaBpx.js";
 import "@tabler/icons-react";
 import "./Icon--OEo4TjW.js";
-import { A as m } from "./Avatar-w4MD020Q.js";
+import { A as m } from "./Avatar-Do4F3eUs.js";
 import { I as N } from "./Image-BIFROw6f.js";
 import { T as i } from "./Text-Dh4iy9qD.js";
 import y from "clsx";

package/dist/js/Initials.js

@@ -1,7 +1,21 @@
 "use client"
 /* */
-import { I as t } from "./Initials-CSvhEbyw.js";
+import e from "react";
+import c from "clsx";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { onlyText as C } from "react-children-utilities";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
+const x = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), d = "flow--initials", E = {
+  initials: d
+}, k = u("Initials", (i) => {
+  const { children: t, className: s, refProp: r } = i, o = C(t), n = x(o), a = c(E.initials, s), l = n.map((m, p) => /* @__PURE__ */ e.createElement("span", { key: p }, m));
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { "aria-label": o, className: a, ref: r }, l));
+});
 export {
-  t as Initials,
-  t as default
+  k as Initials,
+  k as default
 };