@resee-movies/nuxt-ux 0.10.0 → 0.11.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@resee-movies/nuxt-ux",
   "configKey": "ux",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -108,6 +108,7 @@ async function importCSS(nuxt = useNuxt(), options) {
 function importModules(nuxt) {
   const NuxtFonts = {
     defaults: {
+      provider: "google",
       families: [
         {
           name: "Archivo",
@@ -179,7 +180,8 @@ function importModules(nuxt) {
   };
   return {
     "@nuxt/fonts": NuxtFonts,
-    "@primevue/nuxt-module": Primevue
+    "@primevue/nuxt-module": Primevue,
+    "@nuxtjs/device": {}
   };
 }
 

package/dist/runtime/components/Card.vue

@@ -26,5 +26,5 @@ const slots = useSlots();
 </script>
 
 <style scoped>
-@reference "tailwindcss";.card{border:2px solid var(--color-background-scale-c);border-bottom-left-radius:--spacing(2);border-top-right-radius:--spacing(2);overflow:clip}.card .content{padding:--spacing(1.5)}.card.interactive{transition-duration:.5s;transition-property:border-color,border-radius,box-shadow;transition-timing-function:var(--default-transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.interactive:focus-within,.card.interactive:hover{border-color:var(--color-background-scale-f);border-radius:0;box-shadow:var(--shadow-heavy)}
+@reference "tailwindcss";@layer components{.card{border:2px solid var(--color-background-scale-c);border-bottom-left-radius:--spacing(2);border-top-right-radius:--spacing(2);overflow:clip}.card .content{padding:--spacing(1.5)}.card.interactive{transition-duration:.5s;transition-property:border-color,border-radius,box-shadow;transition-timing-function:var(--default-transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.interactive:focus-within,.card.interactive:hover{border-color:var(--color-background-scale-f);border-radius:0;box-shadow:var(--shadow-heavy)}}
 </style>

package/dist/runtime/components/Dialog.vue

@@ -119,5 +119,5 @@ const passthroughProps = computed(() => {
 </script>
 
 <style>
-@reference "tailwindcss";.dialog{margin:--spacing(2);width:100%}.dialog .header{align-items:center;display:flex;gap:--spacing(3);padding-bottom:--spacing(3)}.dialog .header .title{flex-grow:1;font-size:var(--text-lg)}.dialog .content{overflow-y:auto}.dialog.dialog-styles{background-color:var(--color-global-background);border:1px solid var(--color-global-background-accent);border-radius:var(--radius-md);height:calc(100% - --spacing(4));overflow:clip;@variant sm{box-shadow:var(--shadow-heavy);height:auto}}.dialog.dialog-styles .header{margin-inline:--spacing(3);margin-top:--spacing(3)}.dialog.dialog-styles .header.header-styles{border-bottom:1px solid var(--color-global-background-accent)}.dialog.dialog-styles .content{padding:--spacing(3)}
+@reference "tailwindcss";@layer components{.dialog{margin:--spacing(2);width:100%}.dialog .header{align-items:center;display:flex;gap:--spacing(3);padding-bottom:--spacing(3)}.dialog .header .title{flex-grow:1;font-size:var(--text-lg)}.dialog .content{overflow-y:auto}.dialog.dialog-styles{background-color:var(--color-global-background);border:1px solid var(--color-global-background-accent);border-radius:var(--radius-md);height:calc(100% - --spacing(4));overflow:clip;@variant sm{box-shadow:var(--shadow-heavy);height:auto}}.dialog.dialog-styles .header{margin-inline:--spacing(3);margin-top:--spacing(3)}.dialog.dialog-styles .header.header-styles{border-bottom:1px solid var(--color-global-background-accent)}.dialog.dialog-styles .content{padding:--spacing(3)}}
 </style>

package/dist/runtime/components/Drawer.vue

@@ -73,5 +73,5 @@ const passthroughProps = computed(() => {
 </script>
 
 <style>
-@reference "tailwindcss";.drawer{--outgoing-scrollbar-width:0px;--drawer-border-radius:--spacing(3);--drawer-spacing:15px;--drawer-spacing-end:calc(var(--drawer-spacing) - var(--outgoing-scrollbar-width) + var(--p-scrollbar-width));background:var(--color-global-background);border-color:var(--color-global-background-accent);display:flex;flex-direction:column;gap:var(--drawer-spacing);padding-block:var(--drawer-spacing);padding-inline-end:var(--drawer-spacing-end);padding-inline-start:var(--drawer-spacing)}.drawer.drawer-left{--drawer-spacing-end:var(--drawer-spacing);border-bottom-right-radius:var(--drawer-border-radius);border-right-width:1px;border-top-right-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-right);height:100%;width:--spacing(80)}.drawer.drawer-right{border-bottom-left-radius:var(--drawer-border-radius);border-left-width:1px;border-top-left-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-left);height:100%;width:calc(--spacing(80) + var(--p-scrollbar-width))}.drawer.drawer-top{border-bottom-left-radius:var(--drawer-border-radius);border-bottom-right-radius:var(--drawer-border-radius);border-bottom-width:1px;box-shadow:var(--shadow-heavy);max-height:--spacing(100);width:100%}.drawer.drawer-bottom{border-top-left-radius:var(--drawer-border-radius);border-top-right-radius:var(--drawer-border-radius);border-top-width:1px;box-shadow:var(--shadow-heavy-top);max-height:--spacing(100);width:100%}.drawer .header{align-items:center;border-bottom:1px solid var(--color-global-background-accent);display:flex;padding-bottom:var(--drawer-spacing)}.drawer .header .title{flex-grow:1;font-size:var(--text-lg)}.drawer .content{flex-grow:1;overflow-y:auto}
+@reference "tailwindcss";@layer components{.drawer{--outgoing-scrollbar-width:0px;--drawer-border-radius:--spacing(3);--drawer-spacing:15px;--drawer-spacing-end:calc(var(--drawer-spacing) - var(--outgoing-scrollbar-width) + var(--p-scrollbar-width));background:var(--color-global-background);border-color:var(--color-global-background-accent);display:flex;flex-direction:column;gap:var(--drawer-spacing);padding-block:var(--drawer-spacing);padding-inline-end:var(--drawer-spacing-end);padding-inline-start:var(--drawer-spacing)}.drawer.drawer-left{--drawer-spacing-end:var(--drawer-spacing);border-bottom-right-radius:var(--drawer-border-radius);border-right-width:1px;border-top-right-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-right);height:100%;width:--spacing(80)}.drawer.drawer-right{border-bottom-left-radius:var(--drawer-border-radius);border-left-width:1px;border-top-left-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-left);height:100%;width:calc(--spacing(80) + var(--p-scrollbar-width))}.drawer.drawer-top{border-bottom-left-radius:var(--drawer-border-radius);border-bottom-right-radius:var(--drawer-border-radius);border-bottom-width:1px;box-shadow:var(--shadow-heavy);max-height:--spacing(100);width:100%}.drawer.drawer-bottom{border-top-left-radius:var(--drawer-border-radius);border-top-right-radius:var(--drawer-border-radius);border-top-width:1px;box-shadow:var(--shadow-heavy-top);max-height:--spacing(100);width:100%}.drawer .header{align-items:center;border-bottom:1px solid var(--color-global-background-accent);display:flex;padding-bottom:var(--drawer-spacing)}.drawer .header .title{flex-grow:1;font-size:var(--text-lg)}.drawer .content{flex-grow:1;overflow-y:auto}}
 </style>

package/dist/runtime/components/Icon.vue

@@ -44,5 +44,5 @@ const props = defineProps({
 </script>
 
 <style scoped>
-.icon{align-items:center;display:inline-flex}.icon:before{content:var(--zero-width-space)}.icon.sm{font-size:var(--icon-size-small)}.icon.md{font-size:var(--icon-size-medium)}.icon.lg{font-size:var(--icon-size-large)}.icon.xl{font-size:var(--icon-size-jumbo)}.icon.color-cycle{--resee-color-cycle-timing:cubic-bezier(0,.5,1,.5);animation-duration:8s;animation-iteration-count:infinite;animation-name:resee-color-cycle}@keyframes resee-color-cycle{0%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-red)}6.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-orange)}18.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-yellow)}31.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-green)}43.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-seaweed)}56.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-aqua)}68.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-blue)}81.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-indigo)}93.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-violet)}to{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-red)}}
+@layer components{.icon{align-items:center;display:inline-flex}.icon:before{content:var(--zero-width-space)}.icon.sm{font-size:var(--icon-size-small)}.icon.md{font-size:var(--icon-size-medium)}.icon.lg{font-size:var(--icon-size-large)}.icon.xl{font-size:var(--icon-size-jumbo)}.icon.color-cycle{--resee-color-cycle-timing:cubic-bezier(0,.5,1,.5);animation-duration:8s;animation-iteration-count:infinite;animation-name:resee-color-cycle}@keyframes resee-color-cycle{0%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-red)}6.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-orange)}18.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-yellow)}31.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-green)}43.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-seaweed)}56.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-aqua)}68.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-blue)}81.25%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-indigo)}93.75%{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-violet)}to{animation-timing-function:var(--resee-color-cycle-timing);color:var(--color-resee-red)}}}
 </style>

package/dist/runtime/components/IconTextPair.vue

@@ -50,5 +50,5 @@ const slots = useSlots();
 </script>
 
 <style scoped>
-@reference "tailwindcss";.pair{--element-spacing:--spacing(1);align-items:baseline;display:inline}.pair.spacing-none{--element-spacing:0}.pair.spacing-wide{--element-spacing:--spacing(2)}.pair :deep(.leading-icon)>*{margin-inline-end:var(--element-spacing)}.pair :deep(.trailing-icon)>*{margin-inline-start:var(--element-spacing)}@variant max-md{.pair:is(.responsive-shrink .pair):deep(.leading-icon)>*{margin-inline-end:0}.pair:is(.responsive-shrink .pair):deep(.trailing-icon)>*{margin-inline-start:0}}
+@reference "tailwindcss";@layer components{.pair{--element-spacing:--spacing(1);align-items:baseline;display:inline}.pair.spacing-none{--element-spacing:0}.pair.spacing-wide{--element-spacing:--spacing(2)}.pair :deep(.leading-icon)>*{margin-inline-end:var(--element-spacing)}.pair :deep(.trailing-icon)>*{margin-inline-start:var(--element-spacing)}@variant max-md{.pair:is(.responsive-shrink .pair):deep(.leading-icon)>*{margin-inline-end:0}.pair:is(.responsive-shrink .pair):deep(.trailing-icon)>*{margin-inline-start:0}}}
 </style>

package/dist/runtime/components/Image.vue

@@ -145,5 +145,5 @@ const altText = computed(() => {
 </script>
 
 <style scoped>
-@reference "tailwindcss";.image{background-color:#fff;max-width:-moz-fit-content;max-width:fit-content;overflow:clip;position:relative;width:100%;@variant dark{background-color:#000}}.image.bordered{border:2px solid var(--color-global-background-accent)}.image.beveled{border-bottom-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.image.raised{box-shadow:var(--shadow-heavy)}.image.glass:after{background-image:linear-gradient(110deg,transparent 25%,hsla(0,0%,100%,.15) 80%,transparent);content:var(--zero-width-space);inset:0;position:absolute}.image :deep(.icon){color:var(--color-global-background-accent);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}
+@reference "tailwindcss";@layer components{.image{background-color:#fff;max-width:-moz-fit-content;max-width:fit-content;overflow:clip;position:relative;width:100%;@variant dark{background-color:#000}}.image.bordered{border:2px solid var(--color-global-background-accent)}.image.beveled{border-bottom-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.image.raised{box-shadow:var(--shadow-heavy)}.image.glass:after{background-image:linear-gradient(110deg,transparent 25%,hsla(0,0%,100%,.15) 80%,transparent);content:var(--zero-width-space);inset:0;position:absolute}.image :deep(.icon){color:var(--color-global-background-accent);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}}
 </style>

package/dist/runtime/components/LayoutPageColumn.vue

@@ -19,5 +19,5 @@ const props = defineProps({
 </script>
 
 <style scoped>
-@reference "tailwindcss";:global(:root){--page-column-gutter:calc(var(--spacing)*3);--page-column-pad-y:calc(var(--spacing)*12);--page-column-pad-vista:calc(var(--spacing)*52)}.page-column{margin-left:auto;margin-right:auto;padding:var(--page-column-gutter)}.page-column.layout-main:where(:has(:first-child.page-container)){padding-bottom:0;padding-top:0}.page-column.layout-vista:where(:has(:last-child.page-container)){padding-bottom:0}@variant sm{.page-column{max-width:var(--container-3xl)}.page-column.layout-main{padding-top:var(--page-column-pad-y)}.page-column.layout-main,.page-column.layout-vista{padding-bottom:var(--page-column-pad-y)}}@variant lg{.page-column{max-width:var(--container-5xl)}.page-column.layout-vista{padding-top:var(--page-column-pad-vista)}}@variant portrait{.page-column.layout-vista{padding-top:min(calc(var(--spacing)*52),calc(56.25vw - 110px))}}
+@reference "tailwindcss";@layer components{:global(:root){--page-column-gutter:calc(var(--spacing)*3);--page-column-pad-y:calc(var(--spacing)*12);--page-column-pad-vista:calc(var(--spacing)*52)}.page-column{margin-left:auto;margin-right:auto;padding:var(--page-column-gutter)}.page-column.layout-main:where(:has(:first-child.page-container)){padding-bottom:0;padding-top:0}.page-column.layout-vista:where(:has(:last-child.page-container)){padding-bottom:0}@variant sm{.page-column{max-width:var(--container-3xl)}.page-column.layout-main{padding-top:var(--page-column-pad-y)}.page-column.layout-main,.page-column.layout-vista{padding-bottom:var(--page-column-pad-y)}}@variant lg{.page-column{max-width:var(--container-5xl)}.page-column.layout-vista{padding-top:var(--page-column-pad-vista)}}@variant portrait{.page-column.layout-vista{padding-top:min(calc(var(--spacing)*52),calc(56.25vw - 110px))}}}
 </style>

package/dist/runtime/components/LayoutPageContainer.vue

@@ -5,11 +5,22 @@
   >
     <div
       v-if   = "showTitleBar"
-      :class = "['mb-6', { 'prose-layout-container': props.prose, 'sm': props.prose === 'sm' }]"
+      :class = "[
+  'mb-6',
+  props.headerClass,
+  {
+    'prose-layout-container': props.prose,
+    'sm': props.prose === 'sm'
+  }
+]"
     >
       <div v-if="showHeading || slots.actions" class="flex gap-4 items-center">
         <slot name="heading">
-          <Heading :text="props.headingText" class="grow" />
+          <Heading
+            :text  = "props.headingText"
+            :level = "props.headingLevel"
+            class  = "grow"
+          />
         </slot>
 
         <div v-if="slots.actions">
@@ -24,7 +35,15 @@
       </div>
     </div>
 
-    <div :class="{ 'prose-container': props.prose, 'sm': props.prose === 'sm' }">
+    <div
+      :class="[
+  props.contentClass,
+  {
+    'prose-container': props.prose,
+    'sm': props.prose === 'sm'
+  }
+]"
+    >
       <slot name="default" />
     </div>
   </Component>
@@ -42,9 +61,12 @@ const props = defineProps({
   is: { type: String, required: false, default: "div" },
   glassEffect: { type: Boolean, required: false, default: false },
   accentColor: { type: String, required: false, default: void 0 },
+  prose: { type: [Boolean, String], required: false, default: false },
   headingText: { type: String, required: false, default: void 0 },
+  headingLevel: { type: [String, Number], required: false },
   subheadingText: { type: String, required: false, default: void 0 },
-  prose: { type: [Boolean, String], required: false, default: false }
+  headerClass: { type: null, required: false },
+  contentClass: { type: null, required: false }
 });
 const showSubheading = computed(
   () => !!(props.subheadingText || slots.subheading)
@@ -58,5 +80,5 @@ const showTitleBar = computed(
 </script>
 
 <style scoped>
-@reference "tailwindcss";:global(:root){--page-container-pad-y:calc(var(--page-column-gutter)*2);--page-container-pad-x:var(--page-container-pad-y);--page-container-radius:calc(var(--spacing)*1)}.page-container{--custom-accent-color:v-bind(accentColor);--page-container-accent-color:var(--custom-accent-color,var(--color-global-foreground-accent));background-color:var(--color-global-background);border:1px solid var(--page-container-accent-color);border-radius:var(--page-container-radius);box-shadow:var(--shadow-heavy);padding:var(--page-container-pad-y) var(--page-container-pad-x);transition:border-color;transition-duration:var(--default-transition-duration)}@variant sm{.page-container.glass-effect{backdrop-filter:blur(var(--blur-sm));background-color:color-mix(in srgb-linear,transparent 40%,var(--color-global-background))}}@variant max-sm{.page-container:where(.page-column>.page-container){border-bottom:none;border-left:none;border-radius:0;border-right:none;box-shadow:none;margin-left:calc(var(--page-column-gutter)*-1);margin-right:calc(var(--page-column-gutter)*-1);padding-left:var(--page-column-gutter);padding-right:var(--page-column-gutter)}.page-container:not(.page-container+.page-container):where(.page-column:not(.layout-vista)>.page-container){border-top:none}}
+@reference "tailwindcss";@layer components{:global(:root){--page-container-pad-y:calc(var(--page-column-gutter)*2);--page-container-pad-x:var(--page-container-pad-y);--page-container-radius:calc(var(--spacing)*1)}.page-container{--custom-accent-color:v-bind(accentColor);--page-container-accent-color:var(--custom-accent-color,var(--color-global-foreground-accent));background-color:var(--color-global-background);border:1px solid var(--page-container-accent-color);border-radius:var(--page-container-radius);box-shadow:var(--shadow-heavy);padding:var(--page-container-pad-y) var(--page-container-pad-x);transition:border-color;transition-duration:var(--default-transition-duration)}@variant sm{.page-container.glass-effect{backdrop-filter:blur(var(--blur-sm));background-color:color-mix(in srgb-linear,transparent 40%,var(--color-global-background))}}@variant max-sm{.page-container:where(.page-column>.page-container){border-bottom:none;border-left:none;border-radius:0;border-right:none;box-shadow:none;margin-left:calc(var(--page-column-gutter)*-1);margin-right:calc(var(--page-column-gutter)*-1);padding-left:var(--page-column-gutter);padding-right:var(--page-column-gutter)}.page-container:not(.page-container+.page-container):where(.page-column:not(.layout-vista)>.page-container){border-top:none}}}
 </style>

package/dist/runtime/components/LayoutPageContainer.vue.d.ts

@@ -1,11 +1,15 @@
-import type { HintedString } from '../types/index.js';
+import type { HintedString, HTMLElementClassNames } from '../types/index.js';
+import type { HeadingProps } from './Heading.vue.js';
 export interface LayoutPageContainerProps {
     is?: HintedString<'div' | 'main' | 'section' | 'article' | 'nav'>;
     glassEffect?: boolean;
     accentColor?: string;
+    prose?: boolean | 'md' | 'sm';
     headingText?: string;
+    headingLevel?: HeadingProps['level'];
     subheadingText?: string;
-    prose?: boolean | 'md' | 'sm';
+    headerClass?: HTMLElementClassNames;
+    contentClass?: HTMLElementClassNames;
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     heading?: (props: {}) => any;

package/dist/runtime/components/Menu.vue

@@ -53,9 +53,9 @@
 
 <script setup>
 import { isString } from "@resee-movies/utilities/strings/is-string";
-import { useBreakpoints, breakpointsTailwind } from "@vueuse/core";
 import PrimeMenu, {} from "primevue/menu";
 import { computed, ref, useAttrs, useId, useSlots } from "vue";
+import { useReseeBreakpoints } from "../composables/use-resee-breakpoints";
 import { blockBodyScroll } from "../utils/dom";
 import IconTextPair from "./IconTextPair.vue";
 import { TeleportId } from "../constants";
@@ -67,7 +67,7 @@ const slots = useSlots();
 const menuId = useId();
 const menu = ref();
 const visible = ref(false);
-const isSmall = useBreakpoints(breakpointsTailwind).smallerOrEqual("sm");
+const isSmall = useReseeBreakpoints().smallerOrEqual("sm");
 const props = defineProps({
   model: { type: Array, required: true },
   prefixText: { type: String, required: false, default: void 0 },

package/dist/runtime/components/Message.vue

@@ -50,5 +50,5 @@ const passthroughProps = computed(() => {
 </script>
 
 <style scoped>
-@reference "tailwindcss";.message:deep(.content){align-items:center;display:flex;gap:--spacing(2.5);padding:--spacing(2) --spacing(2.5)}.message:deep(.icon){flex-shrink:0;font-size:1.25rem}.message:deep(.text){flex-grow:1}.message:deep(.close){align-self:start}
+@reference "tailwindcss";@layer components{.message:deep(.content){align-items:center;display:flex;gap:--spacing(2.5);padding:--spacing(2) --spacing(2.5)}.message:deep(.icon){flex-shrink:0;font-size:1.25rem}.message:deep(.text){flex-grow:1}.message:deep(.close){align-self:start}}
 </style>

package/dist/runtime/components/ProgressBar.vue

@@ -26,5 +26,5 @@ const mode = computed(() => {
 </script>
 
 <style scoped>
-@reference "tailwindcss";.progress{background:var(--color-global-background-accent);border-radius:var(--radius-full);box-shadow:var(--inset-shadow-sm);height:--spacing(1.5);overflow:clip}.progress.determinate:deep(.value){background:var(--custom-accent-color,var(--color-global-foreground));border-radius:var(--radius-full);height:--spacing(1.5);transition:width;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.progress.indeterminate:deep(.value){position:relative}.progress.indeterminate:deep(.value):after,.progress.indeterminate:deep(.value):before{background:var(--custom-accent-color,var(--color-global-foreground));border-radius:var(--radius-full);content:"";height:--spacing(1.5);inset-inline-end:0;inset-inline-start:0;position:absolute;will-change:auto}.progress.indeterminate:deep(.value):before{animation:indeterminate-before 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress.indeterminate:deep(.value):after{animation:indeterminate-after 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate-before{0%{inset-inline-end:100%;inset-inline-start:-35%}60%{inset-inline-end:-90%;inset-inline-start:100%}to{inset-inline-end:-90%;inset-inline-start:100%}}@keyframes indeterminate-after{0%{inset-inline-end:100%;inset-inline-start:-200%}60%{inset-inline-end:-8%;inset-inline-start:107%}to{inset-inline-end:-8%;inset-inline-start:107%}}
+@reference "tailwindcss";@layer components{.progress{background:var(--color-global-background-accent);border-radius:var(--radius-full);box-shadow:var(--inset-shadow-sm);height:--spacing(1.5);overflow:clip}.progress.determinate:deep(.value){background:var(--custom-accent-color,var(--color-global-foreground));border-radius:var(--radius-full);height:--spacing(1.5);transition:width;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.progress.indeterminate:deep(.value){position:relative}.progress.indeterminate:deep(.value):after,.progress.indeterminate:deep(.value):before{background:var(--custom-accent-color,var(--color-global-foreground));border-radius:var(--radius-full);content:"";height:--spacing(1.5);inset-inline-end:0;inset-inline-start:0;position:absolute;will-change:auto}.progress.indeterminate:deep(.value):before{animation:indeterminate-before 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress.indeterminate:deep(.value):after{animation:indeterminate-after 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate-before{0%{inset-inline-end:100%;inset-inline-start:-35%}60%{inset-inline-end:-90%;inset-inline-start:100%}to{inset-inline-end:-90%;inset-inline-start:100%}}@keyframes indeterminate-after{0%{inset-inline-end:100%;inset-inline-start:-200%}60%{inset-inline-end:-8%;inset-inline-start:107%}to{inset-inline-end:-8%;inset-inline-start:107%}}}
 </style>

package/dist/runtime/components/ProgressSpinner.vue

@@ -14,5 +14,5 @@ const props = defineProps({
 </script>
 
 <style scoped>
-@reference "tailwindcss";.indicator.sm{height:var(--icon-size-small);width:var(--icon-size-small)}.indicator.sm:deep(circle){stroke-width:7}.indicator.md{height:var(--icon-size-medium);width:var(--icon-size-medium)}.indicator.md:deep(circle){stroke-width:7}.indicator.lg{height:var(--icon-size-large);width:var(--icon-size-large)}.indicator.lg:deep(circle){stroke-width:5}.indicator.xl{height:var(--icon-size-jumbo);width:var(--icon-size-jumbo)}.indicator.xl:deep(circle){stroke-width:4}.indicator :deep(svg){animation:var(--animate-spin);animation-duration:2s}.indicator :deep(circle){animation:resee-color-wheel 12s ease-in-out infinite,dashed-wheel 6s var(--default-transition-timing-function) infinite;stroke-linecap:round}@keyframes resee-color-wheel{0%{stroke:var(--color-resee-red)}11%{stroke:var(--color-resee-orange)}22%{stroke:var(--color-resee-yellow)}33%{stroke:var(--color-resee-green)}44%{stroke:var(--color-resee-seaweed)}55%{stroke:var(--color-resee-aqua)}66%{stroke:var(--color-resee-blue)}77%{stroke:var(--color-resee-indigo)}88%{stroke:var(--color-resee-violet)}to{stroke:var(--color-resee-red)}}@keyframes dashed-wheel{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:120,150;stroke-dashoffset:-35px}to{stroke-dasharray:120,150;stroke-dashoffset:-124px}}
+@reference "tailwindcss";@layer components{.indicator.sm{height:var(--icon-size-small);width:var(--icon-size-small)}.indicator.sm:deep(circle){stroke-width:7}.indicator.md{height:var(--icon-size-medium);width:var(--icon-size-medium)}.indicator.md:deep(circle){stroke-width:7}.indicator.lg{height:var(--icon-size-large);width:var(--icon-size-large)}.indicator.lg:deep(circle){stroke-width:5}.indicator.xl{height:var(--icon-size-jumbo);width:var(--icon-size-jumbo)}.indicator.xl:deep(circle){stroke-width:4}.indicator :deep(svg){animation:var(--animate-spin);animation-duration:2s}.indicator :deep(circle){animation:resee-color-wheel 12s ease-in-out infinite,dashed-wheel 6s var(--default-transition-timing-function) infinite;stroke-linecap:round}@keyframes resee-color-wheel{0%{stroke:var(--color-resee-red)}11%{stroke:var(--color-resee-orange)}22%{stroke:var(--color-resee-yellow)}33%{stroke:var(--color-resee-green)}44%{stroke:var(--color-resee-seaweed)}55%{stroke:var(--color-resee-aqua)}66%{stroke:var(--color-resee-blue)}77%{stroke:var(--color-resee-indigo)}88%{stroke:var(--color-resee-violet)}to{stroke:var(--color-resee-red)}}@keyframes dashed-wheel{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:120,150;stroke-dashoffset:-35px}to{stroke-dasharray:120,150;stroke-dashoffset:-124px}}}
 </style>

package/dist/runtime/components/Tag.vue

@@ -31,5 +31,5 @@ const props = defineProps({
 </script>
 
 <style scoped>
-@reference "tailwindcss";.tag{cursor:default;padding:--spacing(.5) --spacing(1);-webkit-user-select:all;-moz-user-select:all;user-select:all}.tag.sm{font-size:.85rem}.tag.lg{font-size:1.1rem}.tag.has-tooltip{cursor:help}
+@reference "tailwindcss";@layer components{.tag{cursor:default;padding:--spacing(.5) --spacing(1);-webkit-user-select:all;-moz-user-select:all;user-select:all}.tag.sm{font-size:.85rem}.tag.lg{font-size:1.1rem}.tag.has-tooltip{cursor:help}}
 </style>

package/dist/runtime/components/form/FormFieldBuilder.vue

@@ -52,7 +52,7 @@ function getComponent(field) {
     case "turnstile":
       return TurnstileField;
     case "submit":
-      return h(EmptyDiv, { class: "text-end" }, h(SubmitButton));
+      return h(EmptyDiv, { class: "text-end" }, { default: () => h(SubmitButton) });
     default:
       return "div";
   }

package/dist/runtime/components/form/element/FormElementSelectOptions.vue

@@ -76,10 +76,10 @@ import {} from "primevue/select";
 </script>
 
 <script setup>
-import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
 import PrimeMultiSelect from "primevue/multiselect";
 import PrimeSelect from "primevue/select";
 import { computed, useSlots } from "vue";
+import { useReseeBreakpoints } from "../../../composables/use-resee-breakpoints";
 import { useReseeUx } from "../../../composables/use-resee-ux";
 import { TeleportId } from "../../../constants";
 import { blockBodyScroll } from "../../../utils/dom";
@@ -158,7 +158,7 @@ const props = defineProps({
 const slots = useSlots();
 const utils = useOptionListMethods(props);
 const reseeUx = useReseeUx();
-const isSmall = useBreakpoints(breakpointsTailwind).smallerOrEqual("sm");
+const isSmall = useReseeBreakpoints().smallerOrEqual("sm");
 const showFilter = computed(() => {
   return props.showOptionFilter ?? (props.options?.length ?? 0) > 20;
 });

package/dist/runtime/composables/use-query-parameters.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Two-way bind to URL query parameters.
+ */
+export declare function useQueryParameters<D extends QueryParamDefinitionMap>(params: D): UseQueryParametersReturn<D>;
+/**
+ * Configuration for a single URL query parameter.
+ */
+export type QueryParamDefinition = {
+    /**
+     * The data type of the query parameter's value. Since this object needs
+     * to be defined at runtime, primitive constructors are used to indicate
+     * the data type.
+     */
+    type: StringConstructor | [StringConstructor] | BooleanConstructor;
+    /**
+     * A value that will be used if no query parameter is set.
+     */
+    defaultValue?: unknown;
+};
+/**
+ * An object wherein the keys are URL query parameter names, and the values at
+ * each key determine the (de)serialization of that parameter (and other behaviors).
+ */
+export type QueryParamDefinitionMap = {
+    [K: string]: QueryParamDefinition;
+};
+/**
+ * A mapping from runtime-available primitive constructors, to TS typings which
+ * correspond to the different data types of URL query parameters that this
+ * composable supports.
+ */
+export type QueryParamValueType<T extends QueryParamDefinition['type']> = T extends StringConstructor ? string | undefined : T extends [StringConstructor] ? string[] | undefined : T extends BooleanConstructor ? boolean | undefined : never;
+/**
+ * The return type of the {@link useQueryParameters} composable.
+ */
+export type UseQueryParametersReturn<M extends QueryParamDefinitionMap> = {
+    [K in keyof M]: QueryParamValueType<M[K]['type']>;
+};

package/dist/runtime/composables/use-query-parameters.js

@@ -0,0 +1,132 @@
+import { useRoute, useRouter } from "#imports";
+import { areEqual } from "@resee-movies/utilities/objects/are-equal";
+import { isString } from "@resee-movies/utilities/strings/is-string";
+import { slugify } from "@resee-movies/utilities/strings/slugify";
+import { customRef, nextTick, onScopeDispose, reactive, toValue, watch } from "vue";
+export function useQueryParameters(params) {
+  const router = useRouter();
+  const queue = getQueueForRouter(router);
+  const refs = {};
+  for (const [name, definition] of Object.entries(params)) {
+    refs[name] = getQueryRef({
+      slug: slugify(name),
+      type: definition.type,
+      setCallback: queue.add,
+      defaultValue: definition.defaultValue
+    });
+  }
+  return reactive(refs);
+}
+const _queue = /* @__PURE__ */ new WeakMap();
+function getQueueForRouter(router) {
+  if (!_queue.has(router)) {
+    _queue.set(router, /* @__PURE__ */ new Map());
+  }
+  const routerQueue = _queue.get(router);
+  const add = async (slug, value) => {
+    routerQueue.set(slug, value);
+    await nextTick();
+    if (routerQueue.size === 0) {
+      return;
+    }
+    const newValues = Object.fromEntries(routerQueue.entries());
+    routerQueue.clear();
+    const { params, query, hash } = router.currentRoute.value;
+    await router.replace({
+      params,
+      query: { ...query, ...newValues },
+      hash
+    });
+  };
+  return { add };
+}
+function getQueryRef(config) {
+  const { slug, type, setCallback, defaultValue } = config;
+  if (Array.isArray(type) && type[0] === String) {
+    const defaultVal = Array.isArray(defaultValue) && defaultValue.length > 0 ? defaultValue : void 0;
+    return makeTrackingRef({
+      slug,
+      defaultValue: defaultVal,
+      setCallback,
+      getTransform: toStringArrayOrUndefined,
+      setTransform: toStringArrayOrUndefined
+    });
+  }
+  if (type === String) {
+    const defaultVal = isString(defaultValue) ? defaultValue : void 0;
+    return makeTrackingRef({
+      slug,
+      defaultValue: defaultVal,
+      setCallback,
+      getTransform: toStringOrUndefined,
+      setTransform: toStringOrUndefined
+    });
+  }
+  if (type === Boolean) {
+    const defaultVal = typeof defaultValue === "boolean" ? true : void 0;
+    return makeTrackingRef({
+      slug,
+      defaultValue: defaultVal,
+      setCallback,
+      getTransform: toBooleanOrUndefined,
+      setTransform: (value) => value ? null : void 0
+    });
+  }
+  return void 0;
+}
+function toStringOrUndefined(value) {
+  return isString(value, { withContent: true }) ? value : void 0;
+}
+function toStringArrayOrUndefined(value) {
+  if (Array.isArray(value)) {
+    return value.length ? value : void 0;
+  }
+  return isString(value) ? [value] : void 0;
+}
+function toBooleanOrUndefined(value) {
+  if (isString(value)) {
+    return value.toLowerCase() === "true" || value === "" ? true : void 0;
+  }
+  return value === null ? true : void 0;
+}
+function makeTrackingRef(config) {
+  const route = useRoute();
+  let queryVal = route.query[config.slug];
+  let refTrigger = () => {
+  };
+  onScopeDispose(() => {
+    queryVal = void 0;
+  }, true);
+  const ref = customRef((track, trigger) => {
+    refTrigger = trigger;
+    return {
+      get() {
+        track();
+        const transformed = config.getTransform(queryVal);
+        return transformed === void 0 ? toValue(config.defaultValue) : transformed;
+      },
+      set(val) {
+        const transformed = config.setTransform(val);
+        if (areEqual(transformed, queryVal)) {
+          return;
+        }
+        const defaultVal = toValue(config.defaultValue);
+        queryVal = transformed === defaultVal ? void 0 : transformed;
+        config.setCallback(config.slug, queryVal);
+        trigger();
+      }
+    };
+  });
+  watch(
+    () => route.query[config.slug],
+    (newValue) => {
+      if (areEqual(config.getTransform(newValue), queryVal)) {
+        return;
+      }
+      queryVal = newValue;
+      refTrigger();
+    },
+    { flush: "sync" }
+  );
+  return ref;
+}

package/dist/runtime/composables/use-resee-breakpoints.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Preconfigures the Vueuse {@link useBreakpoints} composable for use
+ * with ReSee projects. If available, the user-agent is used in SSR to
+ * try and determine the correct break to report.
+ */
+export declare function useReseeBreakpoints(): Record<"sm" | "md" | "lg" | "xl" | "2xl", import("vue").ComputedRef<boolean>> & {
+    greaterOrEqual: (k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">) => import("vue").ComputedRef<boolean>;
+    smallerOrEqual: (k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">) => import("vue").ComputedRef<boolean>;
+    greater(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): import("vue").ComputedRef<boolean>;
+    smaller(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): import("vue").ComputedRef<boolean>;
+    between(a: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">, b: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): import("vue").ComputedRef<boolean>;
+    isGreater(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): boolean;
+    isGreaterOrEqual(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): boolean;
+    isSmaller(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): boolean;
+    isSmallerOrEqual(k: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): boolean;
+    isInBetween(a: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">, b: import("vue").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl" | "2xl">): boolean;
+    current: () => import("vue").ComputedRef<("sm" | "md" | "lg" | "xl" | "2xl")[]>;
+    active(): import("vue").ComputedRef<"" | "sm" | "md" | "lg" | "xl" | "2xl">;
+};

package/dist/runtime/composables/use-resee-breakpoints.js

@@ -0,0 +1,16 @@
+import { useDevice } from "#imports";
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+export function useReseeBreakpoints() {
+  let ssrWidth = void 0;
+  if (import.meta.server) {
+    const device = useDevice();
+    if (device.isTablet) {
+      ssrWidth = breakpointsTailwind.md;
+    } else if (device.isMobile) {
+      ssrWidth = breakpointsTailwind.sm;
+    } else {
+      ssrWidth = breakpointsTailwind.lg;
+    }
+  }
+  return useBreakpoints(breakpointsTailwind, { ssrWidth });
+}

package/dist/runtime/theme/css/brand/button.css

@@ -1 +1 @@
-@layer components{@property --btn-background-color{syntax:"<color>";inherits:false;initial-value:transparent}.btn,.btn.default,.prose button:not([class]),.prose-container button:not([class]){--btn-border-width:2px;--btn-background-color:var(--color-background-scale-a);--btn-background-focus-color:var(--color-background-scale-c);--btn-border-color:var(--color-background-scale-g);--btn-bg-image-background-layer:linear-gradient(to right,var(--btn-background-color),var(--btn-background-color));--btn-bg-image-border-layer:linear-gradient(to right,var(--btn-border-color),var(--btn-border-color));--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-linear));--btn-background-image:var(--btn-bg-image-background-layer),var(--btn-bg-image-border-layer),var(--btn-bg-image-color-layer);@variant dark{--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-lite-linear))}}.btn.default.icon-only,.btn.icon-only,.prose button:not([class]).icon-only,.prose-container button:not([class]).icon-only{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-conic));@variant dark{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}.btn,.prose button:not([class]),.prose-container button:not([class]){background-clip:padding-box,border-box,border-box;background-image:var(--btn-background-image);background-origin:border-box;background-position:100% 100%;background-repeat:no-repeat;background-size:100%,100% 100%,100%;border:solid var(--btn-border-width) var(--btn-border-color);border-radius:var(--radius-full);cursor:pointer;display:inline-block;padding:--spacing(1) --spacing(5);text-align:center;transition:box-shadow,background-size,--btn-background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.btn:focus-visible,.prose button:not([class]):focus-visible,.prose-container button:not([class]):focus-visible{outline:none}.btn:where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose button:not([class]):where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose-container button:not([class]):where(:disabled,.disabled,[aria-disabled=true]):not(.loading){cursor:not-allowed;opacity:.4}.btn.borderless,.prose button:not([class]).borderless,.prose-container button:not([class]).borderless{background-clip:border-box;background-image:var(--btn-bg-image-background-layer);border:2px solid transparent}.btn.icon-only,.prose button:not([class]).icon-only,.prose-container button:not([class]).icon-only{line-height:1;padding:--spacing(2)}.btn.icon-only .label,.prose button:not([class]).icon-only .label,.prose-container button:not([class]).icon-only .label{display:none}.btn.small,.prose button:not([class]).small,.prose-container button:not([class]).small{font-size:var(--icon-size-small)}.btn.small.icon-only,.prose button:not([class]).small.icon-only,.prose-container button:not([class]).small.icon-only{padding:--spacing(1.75)}.btn.small:not(.icon-only),.prose button:not([class]).small:not(.icon-only),.prose-container button:not([class]).small:not(.icon-only){padding:--spacing(.5) --spacing(4)}.btn.large,.prose button:not([class]).large,.prose-container button:not([class]).large{font-size:var(--icon-size-large)}.btn.large.icon-only,.prose button:not([class]).large.icon-only,.prose-container button:not([class]).large.icon-only{padding:--spacing(1.5)}.btn.large:not(.icon-only),.prose button:not([class]).large:not(.icon-only),.prose-container button:not([class]).large:not(.icon-only){padding:--spacing(1.5) --spacing(6)}.btn.loading,.prose button:not([class]).loading,.prose-container button:not([class]).loading{cursor:progress}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover{--btn-background-color:var(--btn-background-focus-color);background-size:100%,0 100%,100%;border-color:transparent}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless),.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless),.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless){box-shadow:var(--shadow)}.btn,.prose button:not([class]),.prose-container button:not([class]){@variant max-md{&.responsive-grow{padding:.5rem;width:100%}&.responsive-shrink{line-height:1;padding:--spacing(2)}&.responsive-shrink :not(.icon){display:none}}}}
+@layer components{@property --btn-background-color{syntax:"<color>";inherits:false;initial-value:transparent}.btn,.btn.default,.prose button:not([class]),.prose-container button:not([class]){--btn-border-width:2px;--btn-background-color:var(--color-background-scale-a);--btn-background-focus-color:var(--color-background-scale-c);--btn-border-color:var(--color-background-scale-g);--btn-bg-image-background-layer:linear-gradient(to right,var(--btn-background-color),var(--btn-background-color));--btn-bg-image-border-layer:linear-gradient(to right,var(--btn-border-color),var(--btn-border-color));--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-linear));--btn-background-image:var(--btn-bg-image-background-layer),var(--btn-bg-image-border-layer),var(--btn-bg-image-color-layer);@variant dark{--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-lite-linear))}}.btn.default.icon-only,.btn.icon-only,.prose button:not([class]).icon-only,.prose-container button:not([class]).icon-only{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-conic));@variant dark{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}.btn,.prose button:not([class]),.prose-container button:not([class]){background-clip:padding-box,border-box,border-box;background-image:var(--btn-background-image);background-origin:border-box;background-position:100% 100%;background-repeat:no-repeat;background-size:100%,100% 100%,100%;border:solid var(--btn-border-width) var(--btn-border-color);border-radius:var(--radius-full);cursor:pointer;display:inline-block;padding:--spacing(1) --spacing(5);text-align:center;transition:box-shadow,background-size,--btn-background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.btn:focus-visible,.prose button:not([class]):focus-visible,.prose-container button:not([class]):focus-visible{outline:none}.btn:where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose button:not([class]):where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose-container button:not([class]):where(:disabled,.disabled,[aria-disabled=true]):not(.loading){cursor:not-allowed;opacity:.4}.btn.borderless,.prose button:not([class]).borderless,.prose-container button:not([class]).borderless{background-clip:border-box;background-image:var(--btn-bg-image-background-layer);border:2px solid transparent}.btn.icon-only,.prose button:not([class]).icon-only,.prose-container button:not([class]).icon-only{line-height:1;padding:--spacing(2)}.btn.icon-only .label,.prose button:not([class]).icon-only .label,.prose-container button:not([class]).icon-only .label{display:none}.btn.small,.prose button:not([class]).small,.prose-container button:not([class]).small{font-size:var(--icon-size-small)}.btn.small.icon-only,.prose button:not([class]).small.icon-only,.prose-container button:not([class]).small.icon-only{padding:--spacing(1.75)}.btn.small:not(.icon-only),.prose button:not([class]).small:not(.icon-only),.prose-container button:not([class]).small:not(.icon-only){padding:--spacing(.5) --spacing(4)}.btn.large,.prose button:not([class]).large,.prose-container button:not([class]).large{font-size:var(--icon-size-large)}.btn.large.icon-only,.prose button:not([class]).large.icon-only,.prose-container button:not([class]).large.icon-only{padding:--spacing(1.5)}.btn.large:not(.icon-only),.prose button:not([class]).large:not(.icon-only),.prose-container button:not([class]).large:not(.icon-only){padding:--spacing(1.5) --spacing(6)}.btn.loading,.prose button:not([class]).loading,.prose-container button:not([class]).loading{cursor:progress}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover{--btn-background-color:var(--btn-background-focus-color);background-size:100%,0 100%,100%;border-color:transparent}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless),.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless),.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose-container button:not([class]):not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless){box-shadow:var(--shadow)}.btn,.prose button:not([class]),.prose-container button:not([class]){@variant max-md{&.responsive-grow{padding:.5rem;width:100%}&.responsive-shrink{line-height:1;padding:--spacing(2)}&.responsive-shrink .label{display:none}}}}

package/dist/runtime/theme/css/brand/form.css

@@ -1 +1 @@
-@layer components{.input-label{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-label.required:after{color:var(--color-danger);content:"*";display:inline-block;margin-inline-start:--spacing(1)}.input-label.disabled{cursor:not-allowed;opacity:.6}.input-label:not(fieldset .input-label,.label-before .input-label,.label-after .input-label),.input-label:where(fieldset legend.input-label){font-size:var(--text-lg);font-variant:small-caps;letter-spacing:.11rem}.input-label-pair{display:flex;flex-direction:column;gap:--spacing(1);margin-block-end:--spacing(1)}.input-label-pair.label-after,.input-label-pair.label-before{align-items:center;flex-direction:row;gap:--spacing(3)}.input-label-pair.label-after .input-label,.input-label-pair.label-below .input-label{order:2}.input-validation{color:var(--color-danger);font-size:var(--text-sm);height:0;line-clamp:2}.input-field{display:flex;flex-direction:column}.input-control{flex-grow:1;padding:--spacing(2) --spacing(3)}.input-control::-moz-placeholder{color:var(--color-global-foreground-accent)}.input-control .placeholder,.input-control::placeholder{color:var(--color-global-foreground-accent)}.input-group{align-items:center;display:flex}.input-group.input-group-loading{cursor:wait}.input-group .input-group-addon{color:var(--color-global-foreground-accent);padding:--spacing(1.5) --spacing(2)}.input-group button.input-group-addon{cursor:pointer}.input-group .input-control{outline:none}.input-control:where(:not(.input-group .input-control)),.input-group{background-color:var(--color-global-background);border-radius:--spacing(1);cursor:pointer;outline:solid 2px var(--color-background-scale-e);overflow:clip;transition:color,background-color,outline-color,box-shadow;transition-duration:calc(var(--default-transition-duration)*2);width:100%}.input-control:where(:not(.input-group .input-control)):where(input[type=text],textarea),.input-group:where(input[type=text],textarea){cursor:text}.input-control:where(:not(.input-group .input-control)):where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))),.input-group:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)){cursor:default}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))))),.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))))){cursor:not-allowed;opacity:.6}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):focus-within,.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):hover,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):hover{outline-color:var(--color-global-foreground-accent)}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):focus-within{box-shadow:var(--shadow-heavy)}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):not(:has(>input[type=checkbox]),.input-button-bar):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):not(:has(>input[type=checkbox]),.input-button-bar):focus-within{background-color:var(--color-background-scale-b)}.input-group:where(:has(input[type=checkbox])),.input-group:where(:has(input[type=radio])){flex-shrink:0;height:1.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.5rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio]),.input-group:where(:has(input[type=radio])):has(input[type=radio]){border-radius:var(--radius-full);height:1.2rem;width:1.2rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio])>div,.input-group:where(:has(input[type=radio])):has(input[type=radio])>div{border-radius:var(--radius-full);height:.7rem;left:.25rem;position:absolute;top:.25rem;transition:box-shadow,background-color;transition-duration:var(--default-transition-duration);width:.7rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio]):has(:checked)>div,.input-group:where(:has(input[type=radio])):has(input[type=radio]):has(:checked)>div{background-color:var(--color-global-foreground);box-shadow:var(--shadow-md)}.input-group:where(:has(input[type=checkbox])) span[class^=i-],.input-group:where(:has(input[type=checkbox])) svg,.input-group:where(:has(input[type=radio])) span[class^=i-],.input-group:where(:has(input[type=radio])) svg{display:block!important;font-size:1rem;height:1rem!important;line-height:1;margin-left:.25rem;width:1rem!important}.input-group:where(:has(input[type=checkbox])) input,.input-group:where(:has(input[type=radio])) input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;inset:0;opacity:0;position:absolute;z-index:10}.input-group:where(:has(input[type=checkbox])) input:not(:disabled,[readonly]),.input-group:where(:has(input[type=radio])) input:not(:disabled,[readonly]){cursor:pointer}.input-group:where(:has(input[type=checkbox])).toggle-switch,.input-group:where(:has(input[type=radio])).toggle-switch{border-radius:1rem;width:2.5rem}.input-group:where(:has(input[type=checkbox])).toggle-switch:has(:checked) .slider:before,.input-group:where(:has(input[type=radio])).toggle-switch:has(:checked) .slider:before{background-color:var(--color-global-foreground);transform:translateX(1rem)}.input-group:where(:has(input[type=checkbox])).toggle-switch .slider,.input-group:where(:has(input[type=radio])).toggle-switch .slider{border-radius:1rem;inset:0;position:absolute}.input-group:where(:has(input[type=checkbox])).toggle-switch .slider:before,.input-group:where(:has(input[type=radio])).toggle-switch .slider:before{background-color:var(--color-background-scale-d);border-radius:var(--radius-full);box-shadow:var(--shadow-md);content:"";height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform,background-color;transition-duration:var(--default-transition-duration);width:1rem}.input-menu .input-control,.input-menu .input-group{background-color:transparent}.input-menu .input-group:where(:has(input[type=checkbox])){height:1.2rem;width:1.2rem}.input-menu .input-group:where(:has(input[type=checkbox])) span[class^=i-],.input-menu .input-group:where(:has(input[type=checkbox])) svg{margin-left:.1rem;margin-top:-.1rem}[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):focus-within,[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):hover{outline-color:var(--color-background-scale-e)!important}[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):focus-within input,[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):hover input{cursor:not-allowed!important}.input-menu-header{align-items:center;display:flex;gap:--spacing(2)}.input-menu-header .input-menu-filter{align-items:center;color:var(--color-global-foreground-accent);display:flex;flex-grow:1;transition:color var(--default-transition-duration) var(--default-transition-timing-function)}.input-menu-header .input-menu-filter input{flex-grow:1;outline:none;padding:--spacing(.5) 0}.input-menu-header .input-menu-filter input::-moz-placeholder{color:var(--color-global-foreground-accent)}.input-menu-header .input-menu-filter input::placeholder{color:var(--color-global-foreground-accent)}.input-menu-header .input-menu-filter:focus-within{color:var(--color-global-foreground)}.input-button{cursor:pointer;padding:--spacing(1.5) --spacing(2);transition:background-color var(--default-transition-duration) var(--default-transition-timing-function)}.input-button[aria-pressed=true]{background-color:var(--color-background-scale-f)}.input-button:where(.readonly .input-button){cursor:default}.input-button:where(:disabled,.disabled .input-button):not(:where(.readonly .input-button)){cursor:not-allowed;opacity:.6}.input-button:not(:disabled,:where(.disabled .input-button),:where(.readonly .input-button),[aria-pressed=true]):focus-visible,.input-button:not(:disabled,:where(.disabled .input-button),:where(.readonly .input-button),[aria-pressed=true]):hover{background-color:var(--color-background-scale-b)}.input-button-bar{gap:--spacing(.5);padding:--spacing(.5);width:-moz-fit-content;width:fit-content}.input-button-bar button:first-child{border-bottom-left-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm)}.input-button-bar button:last-child{border-bottom-right-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}}
+@layer components{.input-label{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-label.required:after{color:var(--color-danger);content:"*";display:inline-block;margin-inline-start:--spacing(1)}.input-label.disabled{cursor:not-allowed;opacity:.6}.input-label:not(fieldset .input-label,.label-before .input-label,.label-after .input-label),.input-label:where(fieldset legend.input-label){font-size:var(--text-lg)}.input-label-pair{display:flex;flex-direction:column;gap:--spacing(1);margin-block-end:--spacing(1)}.input-label-pair.label-after,.input-label-pair.label-before{align-items:center;flex-direction:row;gap:--spacing(3)}.input-label-pair.label-after .input-label,.input-label-pair.label-below .input-label{order:2}.input-validation{color:var(--color-danger);font-size:var(--text-sm);height:0;line-clamp:2}.input-field{display:flex;flex-direction:column}.input-control{flex-grow:1;padding:--spacing(2) --spacing(3)}.input-control::-moz-placeholder{color:var(--color-global-foreground-accent)}.input-control .placeholder,.input-control::placeholder{color:var(--color-global-foreground-accent)}.input-group{align-items:center;display:flex}.input-group.input-group-loading{cursor:wait}.input-group .input-group-addon{color:var(--color-global-foreground-accent);padding:--spacing(1.5) --spacing(2)}.input-group button.input-group-addon{cursor:pointer}.input-group .input-control{outline:none}.input-control:where(:not(.input-group .input-control)),.input-group{background-color:var(--color-global-background);border-radius:--spacing(1);cursor:pointer;outline:solid 2px var(--color-background-scale-e);overflow:clip;transition:color,background-color,outline-color,box-shadow;transition-duration:calc(var(--default-transition-duration)*2);width:100%}.input-control:where(:not(.input-group .input-control)):where(input[type=text],input[type=email],input[type=url],textarea),.input-group:where(input[type=text],input[type=email],input[type=url],textarea){cursor:text}.input-control:where(:not(.input-group .input-control)):where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))),.input-group:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)){cursor:default}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))))),.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))))){cursor:not-allowed;opacity:.6}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):focus-within,.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):hover,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):hover{outline-color:var(--color-global-foreground-accent)}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):focus-within{box-shadow:var(--shadow-heavy)}.input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control))))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-control:where(:not(.input-group .input-control)):not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-control:where(:not(.input-group .input-control)))))))):not(:has(>input[type=checkbox]),.input-button-bar):focus-within,.input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group))):not(:where(.disabled,:disabled:not(.p-hidden-accessible input),:is(.disabled .input-group:not(:where(.readonly,[readonly]:not(.p-hidden-accessible input),:is(.readonly .input-group)))))):not(:has(>input[type=checkbox]),.input-button-bar):focus-within{background-color:var(--color-background-scale-b)}.input-group:where(:has(input[type=checkbox])),.input-group:where(:has(input[type=radio])){flex-shrink:0;height:1.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.5rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio]),.input-group:where(:has(input[type=radio])):has(input[type=radio]){border-radius:var(--radius-full);height:1.2rem;width:1.2rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio])>div,.input-group:where(:has(input[type=radio])):has(input[type=radio])>div{border-radius:var(--radius-full);height:.7rem;left:.25rem;position:absolute;top:.25rem;transition:box-shadow,background-color;transition-duration:var(--default-transition-duration);width:.7rem}.input-group:where(:has(input[type=checkbox])):has(input[type=radio]):has(:checked)>div,.input-group:where(:has(input[type=radio])):has(input[type=radio]):has(:checked)>div{background-color:var(--color-global-foreground);box-shadow:var(--shadow-md)}.input-group:where(:has(input[type=checkbox])) span[class^=i-],.input-group:where(:has(input[type=checkbox])) svg,.input-group:where(:has(input[type=radio])) span[class^=i-],.input-group:where(:has(input[type=radio])) svg{display:block!important;font-size:1rem;height:1rem!important;line-height:1;margin-left:.25rem;width:1rem!important}.input-group:where(:has(input[type=checkbox])) input,.input-group:where(:has(input[type=radio])) input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;inset:0;opacity:0;position:absolute;z-index:10}.input-group:where(:has(input[type=checkbox])) input:not(:disabled,[readonly]),.input-group:where(:has(input[type=radio])) input:not(:disabled,[readonly]){cursor:pointer}.input-group:where(:has(input[type=checkbox])).toggle-switch,.input-group:where(:has(input[type=radio])).toggle-switch{border-radius:1rem;width:2.5rem}.input-group:where(:has(input[type=checkbox])).toggle-switch:has(:checked) .slider:before,.input-group:where(:has(input[type=radio])).toggle-switch:has(:checked) .slider:before{background-color:var(--color-global-foreground);transform:translateX(1rem)}.input-group:where(:has(input[type=checkbox])).toggle-switch .slider,.input-group:where(:has(input[type=radio])).toggle-switch .slider{border-radius:1rem;inset:0;position:absolute}.input-group:where(:has(input[type=checkbox])).toggle-switch .slider:before,.input-group:where(:has(input[type=radio])).toggle-switch .slider:before{background-color:var(--color-background-scale-d);border-radius:var(--radius-full);box-shadow:var(--shadow-md);content:"";height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform,background-color;transition-duration:var(--default-transition-duration);width:1rem}.input-menu .input-control,.input-menu .input-group{background-color:transparent}.input-menu .input-group:where(:has(input[type=checkbox])){height:1.2rem;width:1.2rem}.input-menu .input-group:where(:has(input[type=checkbox])) span[class^=i-],.input-menu .input-group:where(:has(input[type=checkbox])) svg{margin-left:.1rem;margin-top:-.1rem}[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):focus-within,[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):hover{outline-color:var(--color-background-scale-e)!important}[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):focus-within input,[aria-disabled=true] .input-menu .input-group:where(:has(input[type=checkbox])):hover input{cursor:not-allowed!important}.input-menu-header{align-items:center;display:flex;gap:--spacing(2)}.input-menu-header .input-menu-filter{align-items:center;color:var(--color-global-foreground-accent);display:flex;flex-grow:1;transition:color var(--default-transition-duration) var(--default-transition-timing-function)}.input-menu-header .input-menu-filter input{flex-grow:1;outline:none;padding:--spacing(.5) 0}.input-menu-header .input-menu-filter input::-moz-placeholder{color:var(--color-global-foreground-accent)}.input-menu-header .input-menu-filter input::placeholder{color:var(--color-global-foreground-accent)}.input-menu-header .input-menu-filter:focus-within{color:var(--color-global-foreground)}.input-button{cursor:pointer;padding:--spacing(1.5) --spacing(2);transition:background-color var(--default-transition-duration) var(--default-transition-timing-function)}.input-button[aria-pressed=true]{background-color:var(--color-background-scale-f)}.input-button:where(.readonly .input-button){cursor:default}.input-button:where(:disabled,.disabled .input-button):not(:where(.readonly .input-button)){cursor:not-allowed;opacity:.6}.input-button:not(:disabled,:where(.disabled .input-button),:where(.readonly .input-button),[aria-pressed=true]):focus-visible,.input-button:not(:disabled,:where(.disabled .input-button),:where(.readonly .input-button),[aria-pressed=true]):hover{background-color:var(--color-background-scale-b)}.input-button-bar{gap:--spacing(.5);padding:--spacing(.5);width:-moz-fit-content;width:fit-content}.input-button-bar button:first-child{border-bottom-left-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm)}.input-button-bar button:last-child{border-bottom-right-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}}

package/dist/runtime/theme/css/brand/gradient.css

@@ -1 +1 @@
-@layer utilities{.text-resee-linear-gradient,.text-resee-linear-step-gradient{-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.text-resee-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear));@variant dark{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear))}}.text-resee-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear-step));@variant dark{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear-step))}}.resee-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear))}.resee-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear-step))}.resee-light-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear))}.resee-light-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear-step))}.resee-conic-gradient{background-image:conic-gradient(from 0deg,var(--colorscale-resee-conic))}.resee-light-conic-gradient{background-image:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}
+@utility resee-text-mask{-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}@utility resee-bg-linear-*{--resee-angle:calc(--value(integer) * 1deg);--resee-angle:--value(--gradient-direction-*);--resee-gradient:var(--colorscale-resee-linear);background-image:linear-gradient(var(--resee-angle),var(--resee-gradient));@variant dark{--resee-gradient:var(--colorscale-resee-lite-linear)}}@utility resee-bg-conic-*{--resee-angle:from calc(--value(integer) * 1deg);--resee-gradient:var(--colorscale-resee-conic);background-image:conic-gradient(var(--resee-angle),var(--resee-gradient));@variant dark{--resee-gradient:var(--colorscale-resee-lite-conic)}}

package/dist/runtime/theme/css/brand/theme.css

@@ -1 +1 @@
-@custom-variant dark (&:where(.dark, .dark *));@variant dark{--color-global-background:var(--color-global-background-dark);--color-global-background-accent:var(--color-global-background-accent-dark);--color-global-foreground:var(--color-global-foreground-dark);--color-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-global-background:var(--color-global-background-lite);--color-invert-global-background-accent:var(--color-global-background-accent-lite);--color-invert-global-foreground:var(--color-global-foreground-lite);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-dark);--color-background-scale-b:var(--color-background-scale-b-dark);--color-background-scale-c:var(--color-background-scale-c-dark);--color-background-scale-d:var(--color-background-scale-d-dark);--color-background-scale-e:var(--color-background-scale-e-dark);--color-background-scale-f:var(--color-background-scale-f-dark);--color-background-scale-g:var(--color-background-scale-g-dark);--color-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-invert-background-scale-a:var(--color-background-scale-a-lite);--color-invert-background-scale-b:var(--color-background-scale-b-lite);--color-invert-background-scale-c:var(--color-background-scale-c-lite);--color-invert-background-scale-d:var(--color-background-scale-d-lite);--color-invert-background-scale-e:var(--color-background-scale-e-lite);--color-invert-background-scale-f:var(--color-background-scale-f-lite);--color-invert-background-scale-g:var(--color-background-scale-g-lite);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-info:var(--color-info-dark);--color-info-emphasis:var(--color-info-emphasis-dark);--color-info-contrast:var(--color-info-contrast-dark);--color-help:var(--color-help-dark);--color-help-emphasis:var(--color-help-emphasis-dark);--color-help-contrast:var(--color-help-contrast-dark);--color-success:var(--color-success-dark);--color-success-emphasis:var(--color-success-emphasis-dark);--color-success-contrast:var(--color-success-contrast-dark);--color-warning:var(--color-warning-dark);--color-warning-emphasis:var(--color-warning-emphasis-dark);--color-warning-contrast:var(--color-warning-contrast-dark);--color-danger:var(--color-danger-dark);--color-danger-emphasis:var(--color-danger-emphasis-dark);--color-danger-contrast:var(--color-danger-contrast-dark);--shadow-heavy:var(--shadow-heavy-dark);--shadow-heavy-right:var(--shadow-heavy-right-dark);--shadow-heavy-left:var(--shadow-heavy-left-dark);--shadow-heavy-top:var(--shadow-heavy-top-dark)}@theme{--font-sans:"Archivo",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--zero-width-space:"​";--radius-full:9999px;--custom-accent-color:unset;--icon-size-small:--spacing(3.5);--icon-size-medium:--spacing(4);--icon-size-large:--spacing(6);--icon-size-jumbo:--spacing(12);--aspect-poster:2/3;--aspect-tall:4/5;--color-surface-0:oklch(100.0% 0 0);--color-surface-50:oklch(97.31% 0 0);--color-surface-100:oklch(92.80% 0 0);--color-surface-200:oklch(86.07% 0 0);--color-surface-300:oklch(75.72% 0 0);--color-surface-400:oklch(62.68% 0 0);--color-surface-500:oklch(53.48% 0 0);--color-surface-600:oklch(47.84% 0 0);--color-surface-700:oklch(42.76% 0 0);--color-surface-800:oklch(39.04% 0 0);--color-surface-850:oklch(37.53% 0 0);--color-surface-900:oklch(36.00% 0 0);--color-surface-925:oklch(28.50% 0 0);--color-surface-950:oklch(20.02% 0 0);--color-primary-50:oklch(97.94% 0.0171 103.14);--color-primary-100:oklch(94.93% 0.0459 101.86);--color-primary-200:oklch(89.80% 0.0854 99.1);--color-primary-300:oklch(83.23% 0.1222 96.48);--color-primary-400:oklch(76.65% 0.1387 91.06);--color-primary-500:oklch(71.00% 0.1307 86.56);--color-primary-600:oklch(61.31% 0.1146 77.38);--color-primary-700:oklch(50.50% 0.0943 67.44);--color-primary-800:oklch(44.38% 0.0782 62.58);--color-primary-900:oklch(39.94% 0.0661 58.15);--color-primary-950:oklch(27.10% 0.0457 53.29);--color-resee-red:oklch(57.47% 0.2229 28.19);--color-resee-orange:oklch(67.79% 0.201 41.61);--color-resee-yellow:oklch(84.78% 0.171 89.53);--color-resee-green:oklch(71.41% 0.1907 132.48);--color-resee-seaweed:oklch(59.95% 0.1179 167.71);--color-resee-aqua:oklch(74.55% 0.1224 209.96);--color-resee-blue:oklch(42.42% 0.1982 265.5);--color-resee-indigo:oklch(39.67% 0.1568 293.38);--color-resee-violet:oklch(46.25% 0.1488 353.55);--color-resee-lite-red:oklch(from var(--color-resee-red) calc(l + 0.22) c h);--color-resee-lite-orange:oklch(from var(--color-resee-orange) calc(l + 0.25) c h);--color-resee-lite-yellow:oklch(from var(--color-resee-yellow) calc(l + 0.30) calc(c - 0.03) h);--color-resee-lite-green:oklch(from var(--color-resee-green) calc(l + 0.30) calc(c + 0.02) h);--color-resee-lite-seaweed:oklch(from var(--color-resee-seaweed) calc(l + 0.20) c h);--color-resee-lite-aqua:oklch(from var(--color-resee-aqua) calc(l + 0.25) calc(c - 0.03) h);--color-resee-lite-blue:oklch(from var(--color-resee-blue) calc(l + 0.38) c h);--color-resee-lite-indigo:oklch(from var(--color-resee-indigo) calc(l + 0.45) calc(c + 0.1) h);--color-resee-lite-violet:oklch(from var(--color-resee-violet) calc(l + 0.30) calc(c - 0.05) h);--color-global-background-lite:var(--color-surface-50);--color-global-background-accent-lite:oklch(from var(--color-surface-50) calc(l - 0.15) c h);--color-global-foreground-lite:var(--color-surface-950);--color-global-foreground-accent-lite:var(--color-surface-700);--color-global-background-dark:var(--color-surface-950);--color-global-background-accent-dark:oklch(from var(--color-surface-950) calc(l + 0.15) c h);--color-global-foreground-dark:var(--color-surface-0);--color-global-foreground-accent-dark:var(--color-surface-400);--color-background-scale-a-lite:color-mix(in oklch,var(--color-surface-950) 5%,var(--color-global-background-lite));--color-background-scale-b-lite:color-mix(in oklch,var(--color-surface-950) 8%,var(--color-global-background-lite));--color-background-scale-c-lite:color-mix(in oklch,var(--color-surface-950) 11%,var(--color-global-background-lite));--color-background-scale-d-lite:color-mix(in oklch,var(--color-surface-950) 14%,var(--color-global-background-lite));--color-background-scale-e-lite:color-mix(in oklch,var(--color-surface-950) 17%,var(--color-global-background-lite));--color-background-scale-f-lite:color-mix(in oklch,var(--color-surface-950) 20%,var(--color-global-background-lite));--color-background-scale-g-lite:color-mix(in oklch,var(--color-surface-950) 29%,var(--color-global-background-lite));--color-background-scale-a-dark:color-mix(in oklch,var(--color-surface-0) 5%,var(--color-global-background-dark));--color-background-scale-b-dark:color-mix(in oklch,var(--color-surface-0) 8%,var(--color-global-background-dark));--color-background-scale-c-dark:color-mix(in oklch,var(--color-surface-0) 11%,var(--color-global-background-dark));--color-background-scale-d-dark:color-mix(in oklch,var(--color-surface-0) 14%,var(--color-global-background-dark));--color-background-scale-e-dark:color-mix(in oklch,var(--color-surface-0) 17%,var(--color-global-background-dark));--color-background-scale-f-dark:color-mix(in oklch,var(--color-surface-0) 20%,var(--color-global-background-dark));--color-background-scale-g-dark:color-mix(in oklch,var(--color-surface-0) 29%,var(--color-global-background-dark));--color-foreground-scale-a-lite:var(--color-background-scale-a-dark);--color-foreground-scale-b-lite:var(--color-background-scale-b-dark);--color-foreground-scale-c-lite:var(--color-background-scale-c-dark);--color-foreground-scale-d-lite:var(--color-background-scale-d-dark);--color-foreground-scale-e-lite:var(--color-background-scale-e-dark);--color-foreground-scale-f-lite:var(--color-background-scale-f-dark);--color-foreground-scale-g-lite:var(--color-background-scale-g-dark);--color-foreground-scale-a-dark:var(--color-background-scale-a-lite);--color-foreground-scale-b-dark:var(--color-background-scale-b-lite);--color-foreground-scale-c-dark:var(--color-background-scale-c-lite);--color-foreground-scale-d-dark:var(--color-background-scale-d-lite);--color-foreground-scale-e-dark:var(--color-background-scale-e-lite);--color-foreground-scale-f-dark:var(--color-background-scale-f-lite);--color-foreground-scale-g-dark:var(--color-background-scale-g-lite);--color-info-lite:#3b82f6;--color-info-emphasis-lite:#2563eb;--color-info-contrast-lite:#fff;--color-info-dark:var(--color-resee-aqua);--color-info-emphasis-dark:oklch(from var(--color-resee-aqua) calc(l + 0.1) c h);--color-info-contrast-dark:var(--color-surface-950);--color-help-lite:#8b5cf6;--color-help-emphasis-lite:#7c3aed;--color-help-contrast-lite:var(--color-surface-50);--color-help-dark:#c4b5fd;--color-help-emphasis-dark:#ddd6fe;--color-help-contrast-dark:var(--color-surface-950);--color-success-lite:#15803d;--color-success-emphasis-lite:#166534;--color-success-contrast-lite:var(--color-surface-50);--color-success-dark:var(--color-resee-lite-seaweed);--color-success-emphasis-dark:oklch(from var(--color-resee-lite-seaweed) calc(l + 0.02) c h);--color-success-contrast-dark:var(--color-surface-950);--color-warning-lite:#b45309;--color-warning-emphasis-lite:#92400e;--color-warning-contrast-lite:var(--color-surface-50);--color-warning-dark:#fbbf24;--color-warning-emphasis-dark:#fcd34d;--color-warning-contrast-dark:var(--color-surface-950);--color-danger-lite:#991b1b;--color-danger-emphasis-lite:#7f1d1d;--color-danger-contrast-lite:var(--color-surface-50);--color-danger-dark:#ef4444;--color-danger-emphasis-dark:#f87171;--color-danger-contrast-dark:var(--color-surface-950);--color-global-background:var(--color-global-background-lite);--color-global-background-accent:var(--color-global-background-accent-lite);--color-global-foreground:var(--color-global-foreground-lite);--color-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-lite);--color-background-scale-b:var(--color-background-scale-b-lite);--color-background-scale-c:var(--color-background-scale-c-lite);--color-background-scale-d:var(--color-background-scale-d-lite);--color-background-scale-e:var(--color-background-scale-e-lite);--color-background-scale-f:var(--color-background-scale-f-lite);--color-background-scale-g:var(--color-background-scale-g-lite);--color-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-invert-global-background:var(--color-global-background-dark);--color-invert-global-background-accent:var(--color-global-background-accent-dark);--color-invert-global-foreground:var(--color-global-foreground-dark);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-background-scale-a:var(--color-background-scale-a-dark);--color-invert-background-scale-b:var(--color-background-scale-b-dark);--color-invert-background-scale-c:var(--color-background-scale-c-dark);--color-invert-background-scale-d:var(--color-background-scale-d-dark);--color-invert-background-scale-e:var(--color-background-scale-e-dark);--color-invert-background-scale-f:var(--color-background-scale-f-dark);--color-invert-background-scale-g:var(--color-background-scale-g-dark);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-info:var(--color-info-lite);--color-info-emphasis:var(--color-info-emphasis-lite);--color-info-contrast:var(--color-info-contrast-lite);--color-help:var(--color-help-lite);--color-help-emphasis:var(--color-help-emphasis-lite);--color-help-contrast:var(--color-help-contrast-lite);--color-success:var(--color-success-lite);--color-success-emphasis:var(--color-success-emphasis-lite);--color-success-contrast:var(--color-success-contrast-lite);--color-warning:var(--color-warning-lite);--color-warning-emphasis:var(--color-warning-emphasis-lite);--color-warning-contrast:var(--color-warning-contrast-lite);--color-danger:var(--color-danger-lite);--color-danger-emphasis:var(--color-danger-emphasis-lite);--color-danger-contrast:var(--color-danger-contrast-lite);--colorscale-resee-linear:var(--color-resee-red) 0%,var(--color-resee-orange) 16.666%,var(--color-resee-yellow) 27.777%,var(--color-resee-green) 38.888%,var(--color-resee-seaweed) 49.999%,var(--color-resee-aqua) 60.000%,var(--color-resee-blue) 71.111%,var(--color-resee-indigo) 82.222%,var(--color-resee-violet) 100%;--colorscale-resee-linear-step:var(--color-resee-red) 0% 11.111%,var(--color-resee-orange) 11.111% 22.222%,var(--color-resee-yellow) 22.222% 33.333%,var(--color-resee-green) 33.333% 44.444%,var(--color-resee-seaweed) 44.444% 55.555%,var(--color-resee-aqua) 55.555% 66.666%,var(--color-resee-blue) 66.666% 77.777%,var(--color-resee-indigo) 77.777% 88.888%,var(--color-resee-violet) 88.888% 100%;--colorscale-resee-conic:var(--color-resee-violet) 18deg,var(--color-resee-red) 54deg,var(--color-resee-orange) 90deg,var(--color-resee-yellow) 126deg,var(--color-resee-green) 164deg,var(--color-resee-seaweed) 198deg,var(--color-resee-aqua) 234deg,var(--color-resee-blue) 270deg,var(--color-resee-indigo) 306deg,var(--color-resee-violet) 342deg;--colorscale-resee-conic-step:var(--color-resee-violet) 0deg 20deg,var(--color-resee-red) 20deg 60deg,var(--color-resee-orange) 60deg 100deg,var(--color-resee-yellow) 100deg 140deg,var(--color-resee-green) 140deg 180deg,var(--color-resee-seaweed) 180deg 220deg,var(--color-resee-aqua) 220deg 260deg,var(--color-resee-blue) 260deg 300deg,var(--color-resee-indigo) 300deg 340deg,var(--color-resee-violet) 340deg 360deg;--colorscale-resee-lite-linear:var(--color-resee-lite-red) 0%,var(--color-resee-lite-orange) 16.666%,var(--color-resee-lite-yellow) 27.777%,var(--color-resee-lite-green) 38.888%,var(--color-resee-lite-seaweed) 49.999%,var(--color-resee-lite-aqua) 60.000%,var(--color-resee-lite-blue) 71.111%,var(--color-resee-lite-indigo) 82.222%,var(--color-resee-lite-violet) 100%;--colorscale-resee-lite-linear-step:var(--color-resee-lite-red) 0% 11.111%,var(--color-resee-lite-orange) 11.111% 22.222%,var(--color-resee-lite-yellow) 22.222% 33.333%,var(--color-resee-lite-green) 33.333% 44.444%,var(--color-resee-lite-seaweed) 44.444% 55.555%,var(--color-resee-lite-aqua) 55.555% 66.666%,var(--color-resee-lite-blue) 66.666% 77.777%,var(--color-resee-lite-indigo) 77.777% 88.888%,var(--color-resee-lite-violet) 88.888% 100%;--colorscale-resee-lite-conic:var(--color-resee-lite-violet) 18deg,var(--color-resee-lite-red) 54deg,var(--color-resee-lite-orange) 90deg,var(--color-resee-lite-yellow) 126deg,var(--color-resee-lite-green) 164deg,var(--color-resee-lite-seaweed) 198deg,var(--color-resee-lite-aqua) 234deg,var(--color-resee-lite-blue) 270deg,var(--color-resee-lite-indigo) 306deg,var(--color-resee-lite-violet) 342deg;--colorscale-resee-lite-conic-step:var(--color-resee-lite-violet) 0deg 20deg,var(--color-resee-lite-red) 20deg 60deg,var(--color-resee-lite-orange) 60deg 100deg,var(--color-resee-lite-yellow) 100deg 140deg,var(--color-resee-lite-green) 140deg 180deg,var(--color-resee-lite-seaweed) 180deg 220deg,var(--color-resee-lite-aqua) 220deg 260deg,var(--color-resee-lite-blue) 260deg 300deg,var(--color-resee-lite-indigo) 300deg 340deg,var(--color-resee-lite-violet) 340deg 360deg;--shadow-heavy-lite:0 2px 3px rgba(0,0,0,.2);--shadow-heavy-right-lite:2px 0 3px rgba(0,0,0,.2);--shadow-heavy-left-lite:-2px 0 3px rgba(0,0,0,.2);--shadow-heavy-top-lite:0 -2px 3px rgba(0,0,0,.2);--shadow-heavy-dark:0 2px 3px rgba(0,0,0,.7);--shadow-heavy-right-dark:2px 0 3px rgba(0,0,0,.7);--shadow-heavy-left-dark:-2px 0 3px rgba(0,0,0,.7);--shadow-heavy-top-dark:0 -2px 3px rgba(0,0,0,.7);--shadow-heavy:var(--shadow-heavy-lite);--shadow-heavy-right:var(--shadow-heavy-right-lite);--shadow-heavy-left:var(--shadow-heavy-left-lite);--shadow-heavy-top:var(--shadow-heavy-top-lite)}
+@custom-variant dark (&:where(.dark, .dark *));@variant dark{--color-global-background:var(--color-global-background-dark);--color-global-background-accent:var(--color-global-background-accent-dark);--color-global-foreground:var(--color-global-foreground-dark);--color-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-global-background:var(--color-global-background-lite);--color-invert-global-background-accent:var(--color-global-background-accent-lite);--color-invert-global-foreground:var(--color-global-foreground-lite);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-dark);--color-background-scale-b:var(--color-background-scale-b-dark);--color-background-scale-c:var(--color-background-scale-c-dark);--color-background-scale-d:var(--color-background-scale-d-dark);--color-background-scale-e:var(--color-background-scale-e-dark);--color-background-scale-f:var(--color-background-scale-f-dark);--color-background-scale-g:var(--color-background-scale-g-dark);--color-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-invert-background-scale-a:var(--color-background-scale-a-lite);--color-invert-background-scale-b:var(--color-background-scale-b-lite);--color-invert-background-scale-c:var(--color-background-scale-c-lite);--color-invert-background-scale-d:var(--color-background-scale-d-lite);--color-invert-background-scale-e:var(--color-background-scale-e-lite);--color-invert-background-scale-f:var(--color-background-scale-f-lite);--color-invert-background-scale-g:var(--color-background-scale-g-lite);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-info:var(--color-info-dark);--color-info-emphasis:var(--color-info-emphasis-dark);--color-info-contrast:var(--color-info-contrast-dark);--color-help:var(--color-help-dark);--color-help-emphasis:var(--color-help-emphasis-dark);--color-help-contrast:var(--color-help-contrast-dark);--color-success:var(--color-success-dark);--color-success-emphasis:var(--color-success-emphasis-dark);--color-success-contrast:var(--color-success-contrast-dark);--color-warning:var(--color-warning-dark);--color-warning-emphasis:var(--color-warning-emphasis-dark);--color-warning-contrast:var(--color-warning-contrast-dark);--color-danger:var(--color-danger-dark);--color-danger-emphasis:var(--color-danger-emphasis-dark);--color-danger-contrast:var(--color-danger-contrast-dark);--shadow-heavy:var(--shadow-heavy-dark);--shadow-heavy-right:var(--shadow-heavy-right-dark);--shadow-heavy-left:var(--shadow-heavy-left-dark);--shadow-heavy-top:var(--shadow-heavy-top-dark)}@theme{--font-sans:"Archivo",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--zero-width-space:"​";--radius-full:9999px;--custom-accent-color:unset;--icon-size-small:--spacing(3.5);--icon-size-medium:--spacing(4);--icon-size-large:--spacing(6);--icon-size-jumbo:--spacing(12);--aspect-poster:2/3;--aspect-tall:4/5;--color-surface-0:oklch(100.0% 0 0);--color-surface-50:oklch(97.31% 0 0);--color-surface-100:oklch(92.80% 0 0);--color-surface-200:oklch(86.07% 0 0);--color-surface-300:oklch(75.72% 0 0);--color-surface-400:oklch(62.68% 0 0);--color-surface-500:oklch(53.48% 0 0);--color-surface-600:oklch(47.84% 0 0);--color-surface-700:oklch(42.76% 0 0);--color-surface-800:oklch(39.04% 0 0);--color-surface-850:oklch(37.53% 0 0);--color-surface-900:oklch(36.00% 0 0);--color-surface-925:oklch(28.50% 0 0);--color-surface-950:oklch(20.02% 0 0);--color-primary-50:oklch(97.94% 0.0171 103.14);--color-primary-100:oklch(94.93% 0.0459 101.86);--color-primary-200:oklch(89.80% 0.0854 99.1);--color-primary-300:oklch(83.23% 0.1222 96.48);--color-primary-400:oklch(76.65% 0.1387 91.06);--color-primary-500:oklch(71.00% 0.1307 86.56);--color-primary-600:oklch(61.31% 0.1146 77.38);--color-primary-700:oklch(50.50% 0.0943 67.44);--color-primary-800:oklch(44.38% 0.0782 62.58);--color-primary-900:oklch(39.94% 0.0661 58.15);--color-primary-950:oklch(27.10% 0.0457 53.29);--color-resee-red:oklch(57.47% 0.2229 28.19);--color-resee-orange:oklch(67.79% 0.201 41.61);--color-resee-yellow:oklch(84.78% 0.171 89.53);--color-resee-green:oklch(71.41% 0.1907 132.48);--color-resee-seaweed:oklch(59.95% 0.1179 167.71);--color-resee-aqua:oklch(74.55% 0.1224 209.96);--color-resee-blue:oklch(42.42% 0.1982 265.5);--color-resee-indigo:oklch(39.67% 0.1568 293.38);--color-resee-violet:oklch(46.25% 0.1488 353.55);--color-resee-lite-red:oklch(from var(--color-resee-red) calc(l + 0.22) c h);--color-resee-lite-orange:oklch(from var(--color-resee-orange) calc(l + 0.25) c h);--color-resee-lite-yellow:oklch(from var(--color-resee-yellow) calc(l + 0.30) calc(c - 0.03) h);--color-resee-lite-green:oklch(from var(--color-resee-green) calc(l + 0.30) calc(c + 0.02) h);--color-resee-lite-seaweed:oklch(from var(--color-resee-seaweed) calc(l + 0.20) c h);--color-resee-lite-aqua:oklch(from var(--color-resee-aqua) calc(l + 0.25) calc(c - 0.03) h);--color-resee-lite-blue:oklch(from var(--color-resee-blue) calc(l + 0.38) c h);--color-resee-lite-indigo:oklch(from var(--color-resee-indigo) calc(l + 0.45) calc(c + 0.1) h);--color-resee-lite-violet:oklch(from var(--color-resee-violet) calc(l + 0.30) calc(c - 0.05) h);--color-global-background-lite:var(--color-surface-50);--color-global-background-accent-lite:oklch(from var(--color-surface-50) calc(l - 0.15) c h);--color-global-foreground-lite:var(--color-surface-950);--color-global-foreground-accent-lite:var(--color-surface-700);--color-global-background-dark:var(--color-surface-950);--color-global-background-accent-dark:oklch(from var(--color-surface-950) calc(l + 0.15) c h);--color-global-foreground-dark:var(--color-surface-0);--color-global-foreground-accent-dark:var(--color-surface-400);--color-background-scale-a-lite:color-mix(in oklch,var(--color-surface-950) 5%,var(--color-global-background-lite));--color-background-scale-b-lite:color-mix(in oklch,var(--color-surface-950) 8%,var(--color-global-background-lite));--color-background-scale-c-lite:color-mix(in oklch,var(--color-surface-950) 11%,var(--color-global-background-lite));--color-background-scale-d-lite:color-mix(in oklch,var(--color-surface-950) 14%,var(--color-global-background-lite));--color-background-scale-e-lite:color-mix(in oklch,var(--color-surface-950) 17%,var(--color-global-background-lite));--color-background-scale-f-lite:color-mix(in oklch,var(--color-surface-950) 20%,var(--color-global-background-lite));--color-background-scale-g-lite:color-mix(in oklch,var(--color-surface-950) 29%,var(--color-global-background-lite));--color-background-scale-a-dark:color-mix(in oklch,var(--color-surface-0) 5%,var(--color-global-background-dark));--color-background-scale-b-dark:color-mix(in oklch,var(--color-surface-0) 8%,var(--color-global-background-dark));--color-background-scale-c-dark:color-mix(in oklch,var(--color-surface-0) 11%,var(--color-global-background-dark));--color-background-scale-d-dark:color-mix(in oklch,var(--color-surface-0) 14%,var(--color-global-background-dark));--color-background-scale-e-dark:color-mix(in oklch,var(--color-surface-0) 17%,var(--color-global-background-dark));--color-background-scale-f-dark:color-mix(in oklch,var(--color-surface-0) 20%,var(--color-global-background-dark));--color-background-scale-g-dark:color-mix(in oklch,var(--color-surface-0) 29%,var(--color-global-background-dark));--color-foreground-scale-a-lite:var(--color-background-scale-a-dark);--color-foreground-scale-b-lite:var(--color-background-scale-b-dark);--color-foreground-scale-c-lite:var(--color-background-scale-c-dark);--color-foreground-scale-d-lite:var(--color-background-scale-d-dark);--color-foreground-scale-e-lite:var(--color-background-scale-e-dark);--color-foreground-scale-f-lite:var(--color-background-scale-f-dark);--color-foreground-scale-g-lite:var(--color-background-scale-g-dark);--color-foreground-scale-a-dark:var(--color-background-scale-a-lite);--color-foreground-scale-b-dark:var(--color-background-scale-b-lite);--color-foreground-scale-c-dark:var(--color-background-scale-c-lite);--color-foreground-scale-d-dark:var(--color-background-scale-d-lite);--color-foreground-scale-e-dark:var(--color-background-scale-e-lite);--color-foreground-scale-f-dark:var(--color-background-scale-f-lite);--color-foreground-scale-g-dark:var(--color-background-scale-g-lite);--color-info-lite:#3b82f6;--color-info-emphasis-lite:#2563eb;--color-info-contrast-lite:#fff;--color-info-dark:var(--color-resee-aqua);--color-info-emphasis-dark:oklch(from var(--color-resee-aqua) calc(l + 0.1) c h);--color-info-contrast-dark:var(--color-surface-950);--color-help-lite:#8b5cf6;--color-help-emphasis-lite:#7c3aed;--color-help-contrast-lite:var(--color-surface-50);--color-help-dark:#c4b5fd;--color-help-emphasis-dark:#ddd6fe;--color-help-contrast-dark:var(--color-surface-950);--color-success-lite:#15803d;--color-success-emphasis-lite:#166534;--color-success-contrast-lite:var(--color-surface-50);--color-success-dark:var(--color-resee-lite-seaweed);--color-success-emphasis-dark:oklch(from var(--color-resee-lite-seaweed) calc(l + 0.02) c h);--color-success-contrast-dark:var(--color-surface-950);--color-warning-lite:#b45309;--color-warning-emphasis-lite:#92400e;--color-warning-contrast-lite:var(--color-surface-50);--color-warning-dark:#fbbf24;--color-warning-emphasis-dark:#fcd34d;--color-warning-contrast-dark:var(--color-surface-950);--color-danger-lite:#991b1b;--color-danger-emphasis-lite:#7f1d1d;--color-danger-contrast-lite:var(--color-surface-50);--color-danger-dark:#ef4444;--color-danger-emphasis-dark:#f87171;--color-danger-contrast-dark:var(--color-surface-950);--color-global-background:var(--color-global-background-lite);--color-global-background-accent:var(--color-global-background-accent-lite);--color-global-foreground:var(--color-global-foreground-lite);--color-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-lite);--color-background-scale-b:var(--color-background-scale-b-lite);--color-background-scale-c:var(--color-background-scale-c-lite);--color-background-scale-d:var(--color-background-scale-d-lite);--color-background-scale-e:var(--color-background-scale-e-lite);--color-background-scale-f:var(--color-background-scale-f-lite);--color-background-scale-g:var(--color-background-scale-g-lite);--color-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-invert-global-background:var(--color-global-background-dark);--color-invert-global-background-accent:var(--color-global-background-accent-dark);--color-invert-global-foreground:var(--color-global-foreground-dark);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-background-scale-a:var(--color-background-scale-a-dark);--color-invert-background-scale-b:var(--color-background-scale-b-dark);--color-invert-background-scale-c:var(--color-background-scale-c-dark);--color-invert-background-scale-d:var(--color-background-scale-d-dark);--color-invert-background-scale-e:var(--color-background-scale-e-dark);--color-invert-background-scale-f:var(--color-background-scale-f-dark);--color-invert-background-scale-g:var(--color-background-scale-g-dark);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-info:var(--color-info-lite);--color-info-emphasis:var(--color-info-emphasis-lite);--color-info-contrast:var(--color-info-contrast-lite);--color-help:var(--color-help-lite);--color-help-emphasis:var(--color-help-emphasis-lite);--color-help-contrast:var(--color-help-contrast-lite);--color-success:var(--color-success-lite);--color-success-emphasis:var(--color-success-emphasis-lite);--color-success-contrast:var(--color-success-contrast-lite);--color-warning:var(--color-warning-lite);--color-warning-emphasis:var(--color-warning-emphasis-lite);--color-warning-contrast:var(--color-warning-contrast-lite);--color-danger:var(--color-danger-lite);--color-danger-emphasis:var(--color-danger-emphasis-lite);--color-danger-contrast:var(--color-danger-contrast-lite);--colorscale-resee-linear:var(--color-resee-red) 0%,var(--color-resee-orange) 16.666%,var(--color-resee-yellow) 27.777%,var(--color-resee-green) 38.888%,var(--color-resee-seaweed) 49.999%,var(--color-resee-aqua) 60.000%,var(--color-resee-blue) 71.111%,var(--color-resee-indigo) 82.222%,var(--color-resee-violet) 100%;--colorscale-resee-linear-step:var(--color-resee-red) 0% 11.111%,var(--color-resee-orange) 11.111% 22.222%,var(--color-resee-yellow) 22.222% 33.333%,var(--color-resee-green) 33.333% 44.444%,var(--color-resee-seaweed) 44.444% 55.555%,var(--color-resee-aqua) 55.555% 66.666%,var(--color-resee-blue) 66.666% 77.777%,var(--color-resee-indigo) 77.777% 88.888%,var(--color-resee-violet) 88.888% 100%;--colorscale-resee-conic:var(--color-resee-violet) 18deg,var(--color-resee-red) 54deg,var(--color-resee-orange) 90deg,var(--color-resee-yellow) 126deg,var(--color-resee-green) 164deg,var(--color-resee-seaweed) 198deg,var(--color-resee-aqua) 234deg,var(--color-resee-blue) 270deg,var(--color-resee-indigo) 306deg,var(--color-resee-violet) 342deg;--colorscale-resee-conic-step:var(--color-resee-violet) 0deg 20deg,var(--color-resee-red) 20deg 60deg,var(--color-resee-orange) 60deg 100deg,var(--color-resee-yellow) 100deg 140deg,var(--color-resee-green) 140deg 180deg,var(--color-resee-seaweed) 180deg 220deg,var(--color-resee-aqua) 220deg 260deg,var(--color-resee-blue) 260deg 300deg,var(--color-resee-indigo) 300deg 340deg,var(--color-resee-violet) 340deg 360deg;--colorscale-resee-lite-linear:var(--color-resee-lite-red) 0%,var(--color-resee-lite-orange) 16.666%,var(--color-resee-lite-yellow) 27.777%,var(--color-resee-lite-green) 38.888%,var(--color-resee-lite-seaweed) 49.999%,var(--color-resee-lite-aqua) 60.000%,var(--color-resee-lite-blue) 71.111%,var(--color-resee-lite-indigo) 82.222%,var(--color-resee-lite-violet) 100%;--colorscale-resee-lite-linear-step:var(--color-resee-lite-red) 0% 11.111%,var(--color-resee-lite-orange) 11.111% 22.222%,var(--color-resee-lite-yellow) 22.222% 33.333%,var(--color-resee-lite-green) 33.333% 44.444%,var(--color-resee-lite-seaweed) 44.444% 55.555%,var(--color-resee-lite-aqua) 55.555% 66.666%,var(--color-resee-lite-blue) 66.666% 77.777%,var(--color-resee-lite-indigo) 77.777% 88.888%,var(--color-resee-lite-violet) 88.888% 100%;--colorscale-resee-lite-conic:var(--color-resee-lite-violet) 18deg,var(--color-resee-lite-red) 54deg,var(--color-resee-lite-orange) 90deg,var(--color-resee-lite-yellow) 126deg,var(--color-resee-lite-green) 164deg,var(--color-resee-lite-seaweed) 198deg,var(--color-resee-lite-aqua) 234deg,var(--color-resee-lite-blue) 270deg,var(--color-resee-lite-indigo) 306deg,var(--color-resee-lite-violet) 342deg;--colorscale-resee-lite-conic-step:var(--color-resee-lite-violet) 0deg 20deg,var(--color-resee-lite-red) 20deg 60deg,var(--color-resee-lite-orange) 60deg 100deg,var(--color-resee-lite-yellow) 100deg 140deg,var(--color-resee-lite-green) 140deg 180deg,var(--color-resee-lite-seaweed) 180deg 220deg,var(--color-resee-lite-aqua) 220deg 260deg,var(--color-resee-lite-blue) 260deg 300deg,var(--color-resee-lite-indigo) 300deg 340deg,var(--color-resee-lite-violet) 340deg 360deg;--shadow-heavy-lite:0 2px 3px rgba(0,0,0,.2);--shadow-heavy-right-lite:2px 0 3px rgba(0,0,0,.2);--shadow-heavy-left-lite:-2px 0 3px rgba(0,0,0,.2);--shadow-heavy-top-lite:0 -2px 3px rgba(0,0,0,.2);--shadow-heavy-dark:0 2px 3px rgba(0,0,0,.7);--shadow-heavy-right-dark:2px 0 3px rgba(0,0,0,.7);--shadow-heavy-left-dark:-2px 0 3px rgba(0,0,0,.7);--shadow-heavy-top-dark:0 -2px 3px rgba(0,0,0,.7);--shadow-heavy:var(--shadow-heavy-lite);--shadow-heavy-right:var(--shadow-heavy-right-lite);--shadow-heavy-left:var(--shadow-heavy-left-lite);--shadow-heavy-top:var(--shadow-heavy-top-lite);--gradient-direction-to-t:to top;--gradient-direction-to-tr:to top right;--gradient-direction-to-r:to right;--gradient-direction-to-br:to bottom right;--gradient-direction-to-b:to b;--gradient-direction-to-bl:to bottom left;--gradient-direction-to-l:to left;--gradient-direction-to-tl:to top left}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@resee-movies/nuxt-ux",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "The next-gen user experience library for ReSee Movies - currently in development. ",
   "repository": {
     "url": "https://github.com/ReSee-Movies/nuxt-ux.git"
@@ -75,6 +75,7 @@
     "@iconify-json/simple-icons": "^1.2.61",
     "@iconify-json/solar": "^1.2.5",
     "@nuxt/fonts": "^0.12.1",
+    "@nuxtjs/device": "^4.0.0",
     "@primeuix/utils": "^0.6.1",
     "@primevue/forms": "^4.5.1",
     "@primevue/nuxt-module": "^4.5.1",