@pathscale/ui 2.7.2 → 2.7.3

package/dist/components/date-field/index.d.ts

@@ -1 +1 @@
-export { default, DateField, DateFieldRoot, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldSegment, DateFieldPrefix, DateFieldSuffix, type DateFieldProps, type DateFieldRootProps, type DateFieldGroupProps, type DateFieldInputProps, type DateFieldInputContainerProps, type DateFieldSegmentProps, type DateFieldPrefixProps, type DateFieldSuffixProps, type DateFieldVariant, type DateFieldRenderProps, type DateFieldSegmentValue, } from "./DateField.generated";
+export { DateField, DateFieldGroup, type DateFieldGroupProps, DateFieldInput, DateFieldInputContainer, type DateFieldInputContainerProps, type DateFieldInputProps, DateFieldPrefix, type DateFieldPrefixProps, type DateFieldProps, type DateFieldRenderProps, DateFieldRoot, type DateFieldRootProps, DateFieldSegment, type DateFieldSegmentProps, type DateFieldSegmentValue, DateFieldSuffix, type DateFieldSuffixProps, type DateFieldVariant, default, } from "./DateField.generated";

package/dist/components/date-picker/DatePicker.css

@@ -20,7 +20,10 @@
     justify-content: space-between;
     gap: 0.5rem;
     border: var(--border-width-field, 1px) solid
-      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
+      var(
+        --color-field-border,
+        color-mix(in oklab, var(--color-base-content) 16%, transparent)
+      );
     border-radius: var(--radius-field, 0.75rem);
     background-color: var(--color-field, var(--color-base-100));
     color: var(--color-field-foreground, var(--color-base-content));
@@ -50,9 +53,14 @@
   }
 
   @media (hover: hover) {
-    .date-picker__trigger:hover:not(:disabled):not([aria-disabled="true"]):not(:focus-visible) {
+    .date-picker__trigger:hover:not(:disabled):not([aria-disabled="true"]):not(
+        :focus-visible
+      ) {
       background-color: var(--color-field-hover, var(--color-base-200));
-      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
+      border-color: var(
+        --color-field-border-hover,
+        color-mix(in oklab, var(--color-base-content) 22%, transparent)
+      );
     }
   }
 
@@ -74,7 +82,10 @@
   }
 
   .date-picker__trigger-value--placeholder {
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-field-placeholder,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
   }
 
   .date-picker__trigger-indicator {
@@ -84,7 +95,10 @@
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-field-placeholder,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
   }
 
   .date-picker__trigger-icon {
@@ -104,7 +118,11 @@
     overflow: hidden auto;
     border-radius: calc(var(--radius, 0.75rem) * 1.75);
     background-color: var(--color-overlay, var(--color-base-100));
-    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 20%, transparent));
+    box-shadow: var(
+      --shadow-overlay,
+      0 24px 48px
+        color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 20%, transparent)
+    );
     padding: 0.75rem;
     opacity: 0;
     transform: translateY(-0.25rem) scale(0.98);

package/dist/components/date-picker/index.d.ts

@@ -1 +1 @@
-export { default, type DatePickerProps } from "./DatePicker.generated";
+export { type DatePickerProps, default } from "./DatePicker.generated";

package/dist/components/date-range-picker/DateRangePicker.css

@@ -19,7 +19,10 @@
     align-items: center;
     gap: 0.25rem;
     border: var(--border-width-field, 1px) solid
-      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
+      var(
+        --color-field-border,
+        color-mix(in oklab, var(--color-base-content) 16%, transparent)
+      );
     border-radius: var(--radius-field, 0.75rem);
     background-color: var(--color-field, var(--color-base-100));
     color: var(--color-field-foreground, var(--color-base-content));
@@ -49,9 +52,14 @@
   }
 
   @media (hover: hover) {
-    .date-range-picker__trigger:hover:not(:disabled):not([aria-disabled="true"]):not(:focus-visible) {
+    .date-range-picker__trigger:hover:not(:disabled):not(
+        [aria-disabled="true"]
+      ):not(:focus-visible) {
       background-color: var(--color-field-hover, var(--color-base-200));
-      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
+      border-color: var(
+        --color-field-border-hover,
+        color-mix(in oklab, var(--color-base-content) 22%, transparent)
+      );
     }
   }
 
@@ -73,12 +81,18 @@
   }
 
   .date-range-picker__trigger-segment--placeholder {
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-field-placeholder,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
   }
 
   .date-range-picker__range-separator {
     flex-shrink: 0;
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-field-placeholder,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
     user-select: none;
     padding-inline: 0.125rem;
   }
@@ -90,7 +104,10 @@
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-field-placeholder,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
   }
 
   .date-range-picker__trigger-icon {
@@ -110,7 +127,11 @@
     overflow: hidden auto;
     border-radius: calc(var(--radius, 0.75rem) * 1.75);
     background-color: var(--color-overlay, var(--color-base-100));
-    box-shadow: var(--shadow-overlay, 0 24px 48px color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 20%, transparent));
+    box-shadow: var(
+      --shadow-overlay,
+      0 24px 48px
+        color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 20%, transparent)
+    );
     padding: 0.75rem;
     opacity: 0;
     transform: translateY(-0.25rem) scale(0.98);

package/dist/components/date-range-picker/index.d.ts

@@ -1 +1 @@
-export { default, type DateRangePickerProps, type DateRangeValue } from "./DateRangePicker.generated";
+export { type DateRangePickerProps, type DateRangeValue, default, } from "./DateRangePicker.generated";

package/dist/components/dialog/Dialog.css

@@ -50,11 +50,19 @@
   }
 
   .dialog__backdrop--opaque {
-    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 40%, transparent);
+    background-color: color-mix(
+      in oklab,
+      rgb(var(--shadow-color, 0 0 0)) 40%,
+      transparent
+    );
   }
 
   .dialog__backdrop--blur {
-    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 35%, transparent);
+    background-color: color-mix(
+      in oklab,
+      rgb(var(--shadow-color, 0 0 0)) 35%,
+      transparent
+    );
     -webkit-backdrop-filter: blur(0.75rem);
     backdrop-filter: blur(0.75rem);
   }
@@ -112,7 +120,8 @@
     background-color: var(--color-overlay, var(--color-base-100));
     box-shadow: var(
       --shadow-overlay,
-      0 24px 48px color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 24%, transparent)
+      0 24px 48px
+        color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 24%, transparent)
     );
     outline: none;
     padding: 1.5rem;
@@ -261,7 +270,11 @@
 
   .dialog__close-trigger:hover,
   .dialog__close-trigger[data-hovered="true"] {
-    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    background-color: color-mix(
+      in oklab,
+      var(--color-base-content) 10%,
+      transparent
+    );
   }
 
   .dialog__close-trigger:active,

package/dist/components/dialog/index.d.ts

@@ -1 +1 @@
-export { default, DialogRoot, DialogTrigger, DialogBackdrop, DialogContent, DialogHeader, DialogHeading, DialogIcon, DialogBody, DialogFooter, DialogCloseTrigger, type DialogProps, type DialogPanelProps, type DialogPlacement, type DialogSize, type DialogBackdropVariant, type DialogScrollBehavior, type DialogRootProps, type DialogTriggerProps, type DialogBackdropProps, type DialogContentProps, type DialogHeaderProps, type DialogHeadingProps, type DialogIconProps, type DialogBodyProps, type DialogFooterProps, type DialogCloseTriggerProps, } from "./Dialog.generated";
+export { DialogBackdrop, type DialogBackdropProps, type DialogBackdropVariant, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, type DialogHeadingProps, DialogIcon, type DialogIconProps, type DialogPanelProps, type DialogPlacement, type DialogProps, DialogRoot, type DialogRootProps, type DialogScrollBehavior, type DialogSize, DialogTrigger, type DialogTriggerProps, default, } from "./Dialog.generated";

package/dist/components/dock/Dock.css

@@ -34,7 +34,11 @@
     inset: 0;
     z-index: -1;
     border-radius: 1rem;
-    background-color: color-mix(in srgb, var(--color-base-100) 55%, transparent);
+    background-color: color-mix(
+      in srgb,
+      var(--color-base-100) 55%,
+      transparent
+    );
     -webkit-backdrop-filter: blur(12px) saturate(160%);
     backdrop-filter: blur(12px) saturate(160%);
     box-shadow:
@@ -97,7 +101,11 @@
     white-space: pre;
     border-radius: var(--radius-field, 0.375rem);
     border: var(--border, 1px) solid var(--color-base-300);
-    background-color: color-mix(in srgb, var(--color-base-100) 75%, transparent);
+    background-color: color-mix(
+      in srgb,
+      var(--color-base-100) 75%,
+      transparent
+    );
     -webkit-backdrop-filter: blur(8px) saturate(160%);
     backdrop-filter: blur(8px) saturate(160%);
     color: var(--color-base-content);

package/dist/components/dock/index.d.ts

@@ -1,2 +1,2 @@
+export type { DockDirection, DockItem, DockProps, } from "./Dock.generated";
 export { default } from "./Dock.generated";
-export type { DockProps, DockItem, DockDirection, } from "./Dock.generated";

package/dist/components/drawer/Drawer.a11y.d.ts

@@ -5,7 +5,7 @@ export type DrawerScrollBehavior = "inside" | "outside";
 export type DrawerAnimState = "entering" | "open" | "exiting" | "closed";
 export type DrawerCloseReason = "escape" | "backdrop" | "trigger" | "api";
 export declare const isSidePlacement: (placement: DrawerPlacement) => placement is "left" | "right";
-export declare const isVisibleState: (state: DrawerAnimState) => state is "entering" | "open";
+export declare const isVisibleState: (state: DrawerAnimState) => state is "open" | "entering";
 export declare const getFocusable: (container: HTMLElement) => HTMLElement[];
 export declare const focusFirst: (container: HTMLElement) => void;
 export declare const trapFocus: (event: KeyboardEvent, container: HTMLElement) => void;

package/dist/components/drawer/Drawer.css

@@ -57,11 +57,19 @@
   }
 
   .drawer__backdrop--opaque {
-    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 40%, transparent);
+    background-color: color-mix(
+      in oklab,
+      rgb(var(--shadow-color, 0 0 0)) 40%,
+      transparent
+    );
   }
 
   .drawer__backdrop--blur {
-    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 40%, transparent);
+    background-color: color-mix(
+      in oklab,
+      rgb(var(--shadow-color, 0 0 0)) 40%,
+      transparent
+    );
     backdrop-filter: blur(12px);
   }
 
@@ -277,13 +285,19 @@
   .drawer__dialog--side-left {
     border-right-width: var(--drawer-dialog-border-width, 1px);
     border-right-style: solid;
-    border-right-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
+    border-right-color: var(
+      --drawer-dialog-border-color,
+      color-mix(in oklab, var(--color-base-content) 10%, transparent)
+    );
   }
 
   .drawer__dialog--side-right {
     border-left-width: var(--drawer-dialog-border-width, 1px);
     border-left-style: solid;
-    border-left-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
+    border-left-color: var(
+      --drawer-dialog-border-color,
+      color-mix(in oklab, var(--color-base-content) 10%, transparent)
+    );
   }
 
   /* -------------------------------------------------------------------------------------------------
@@ -389,7 +403,11 @@
     height: 0.25rem;
     width: 2.25rem;
     border-radius: var(--radius-pill, 9999px);
-    background-color: color-mix(in oklab, var(--color-base-content) 25%, transparent);
+    background-color: color-mix(
+      in oklab,
+      var(--color-base-content) 25%,
+      transparent
+    );
   }
 
   /* -------------------------------------------------------------------------------------------------
@@ -409,13 +427,19 @@
     border-radius: var(--radius-field, 0.375rem);
     cursor: pointer;
     color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
-    transition: color 150ms ease, background-color 150ms ease;
+    transition:
+      color 150ms ease,
+      background-color 150ms ease;
     padding: 0;
   }
 
   .drawer__close-trigger:hover {
     color: var(--color-base-content);
-    background-color: color-mix(in oklab, var(--color-base-content) 8%, transparent);
+    background-color: color-mix(
+      in oklab,
+      var(--color-base-content) 8%,
+      transparent
+    );
   }
 
   .drawer__close-trigger:focus-visible {

package/dist/components/drawer/index.d.ts

@@ -1 +1 @@
-export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerSize, type DrawerBackdropVariant, type DrawerDialogSide, type DrawerScrollBehavior, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer.generated";
+export { DrawerBackdrop, type DrawerBackdropProps, type DrawerBackdropVariant, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerCloseTrigger, type DrawerCloseTriggerProps, DrawerContent, type DrawerContentProps, DrawerDialog, type DrawerDialogProps, type DrawerDialogSide, DrawerFooter, type DrawerFooterProps, DrawerHandle, type DrawerHandleProps, DrawerHeader, type DrawerHeaderProps, DrawerHeading, type DrawerHeadingProps, type DrawerPlacement, DrawerRoot, type DrawerRootProps, type DrawerScrollBehavior, type DrawerSize, DrawerTrigger, type DrawerTriggerProps, default, } from "./Drawer.generated";

package/dist/components/dropdown/Dropdown.css

@@ -79,7 +79,8 @@
     overflow-y: auto;
     overscroll-behavior: contain;
     border-radius: 0.75rem;
-    border: var(--border, 1px) solid color-mix(in oklab, var(--color-base-content), transparent 94%);
+    border: var(--border, 1px) solid
+      color-mix(in oklab, var(--color-base-content), transparent 94%);
     background-color: var(--color-base-100);
     box-shadow:
       0 4px 16px rgb(var(--shadow-color, 0 0 0) / 8%),

package/dist/components/dropdown/index.d.ts

@@ -1,2 +1,2 @@
-export { default, Dropdown } from "./Dropdown.generated";
-export type { DropdownAlign, DropdownPlacement, DropdownRootProps, DropdownTriggerProps, DropdownMenuProps, DropdownItemProps, DropdownGroupProps, DropdownSeparatorProps, } from "./Dropdown.generated";
+export type { DropdownAlign, DropdownGroupProps, DropdownItemProps, DropdownMenuProps, DropdownPlacement, DropdownRootProps, DropdownSeparatorProps, DropdownTriggerProps, } from "./Dropdown.generated";
+export { Dropdown, default } from "./Dropdown.generated";

package/dist/components/empty/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Empty, EmptyRoot, EmptyIcon, EmptyTitle, EmptyDescription, EmptyActions, type EmptyRootProps, type EmptyIconProps, type EmptyTitleProps, type EmptyDescriptionProps, type EmptyActionsProps, } from "./Empty.generated";
 /** @deprecated Use EmptyRootProps instead */
 export type { EmptyRootProps as EmptyProps } from "./Empty.generated";
+export { default as Empty, EmptyActions, type EmptyActionsProps, EmptyDescription, type EmptyDescriptionProps, EmptyIcon, type EmptyIconProps, EmptyRoot, type EmptyRootProps, EmptyTitle, type EmptyTitleProps, } from "./Empty.generated";

package/dist/components/fieldset/index.d.ts

@@ -1 +1 @@
-export { default, Fieldset, FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions, type FieldsetProps, type FieldsetRootProps, type FieldsetLegendProps, type FieldGroupProps, type FieldsetActionsProps, } from "./Fieldset.generated";
+export { default, FieldGroup, type FieldGroupProps, Fieldset, FieldsetActions, type FieldsetActionsProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, FieldsetRoot, type FieldsetRootProps, } from "./Fieldset.generated";

package/dist/components/footer/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./Footer.generated";
 export type { FooterProps } from "./Footer.generated";
+export { default } from "./Footer.generated";
 export type { FooterTitleProps } from "./FooterTitle.generated";

package/dist/components/form/index.d.ts

@@ -1,4 +1,4 @@
-export { default, Form, FormRoot, FormWithContext, type FormProps, type FormRootProps, type FormWithContextProps, } from "./Form.generated";
+export { FieldErrorMessage, type FieldErrorMessageProps, } from "./FieldErrorMessage.generated";
+export { default, Form, type FormProps, FormRoot, type FormRootProps, FormWithContext, type FormWithContextProps, } from "./Form.generated";
 export { FormField, type FormFieldProps } from "./FormField.generated";
-export { FormSubmitButton, type FormSubmitButtonProps } from "./FormSubmitButton.generated";
-export { FieldErrorMessage, type FieldErrorMessageProps } from "./FieldErrorMessage.generated";
+export { FormSubmitButton, type FormSubmitButtonProps, } from "./FormSubmitButton.generated";

package/dist/components/form/index.js

@@ -1,4 +1,4 @@
+export { FieldErrorMessage } from "./FieldErrorMessage.generated.js";
 export { Form, FormRoot, FormWithContext, default } from "./Form.generated.js";
 export { FormField } from "./FormField.generated.js";
 export { FormSubmitButton } from "./FormSubmitButton.generated.js";
-export { FieldErrorMessage } from "./FieldErrorMessage.generated.js";

package/dist/components/glow-card/GlowCard.css

@@ -55,9 +55,12 @@
     );
     z-index: 1;
     inset: -1px;
-    -webkit-mask: linear-gradient(#fff 0 0) content-box,
+    -webkit-mask:
+      linear-gradient(#fff 0 0) content-box,
+      linear-gradient(#fff 0 0);
+    mask:
+      linear-gradient(#fff 0 0) content-box,
       linear-gradient(#fff 0 0);
-    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     padding: 1px;

package/dist/components/glow-card/index.d.ts

@@ -1,2 +1,2 @@
-export { default as GlowCard } from "./GlowCard.generated";
 export type { GlowCardProps } from "./GlowCard.generated";
+export { default as GlowCard } from "./GlowCard.generated";

package/dist/components/header/Header.css

@@ -8,6 +8,9 @@
     font-size: 0.75rem;
     line-height: 1rem;
     font-weight: 500;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
+    color: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 55%, transparent)
+    );
   }
 }

package/dist/components/header/index.d.ts

@@ -1 +1 @@
-export { default, Header, HeaderRoot, type HeaderProps, type HeaderRootProps, } from "./Header.generated";
+export { default, Header, type HeaderProps, HeaderRoot, type HeaderRootProps, } from "./Header.generated";

package/dist/components/icon/Icon.css

@@ -35,12 +35,28 @@
     fill: currentColor;
   }
 
-  .icon--flavor-neutral { --icon-accent: var(--color-base-content); }
-  .icon--flavor-primary { --icon-accent: var(--color-primary); }
-  .icon--flavor-secondary { --icon-accent: var(--color-secondary); }
-  .icon--flavor-accent { --icon-accent: var(--color-accent); }
-  .icon--flavor-destructive { --icon-accent: var(--color-error); }
-  .icon--flavor-success { --icon-accent: var(--color-success); }
-  .icon--flavor-warning { --icon-accent: var(--color-warning); }
-  .icon--flavor-info { --icon-accent: var(--color-info); }
+  .icon--flavor-neutral {
+    --icon-accent: var(--color-base-content);
+  }
+  .icon--flavor-primary {
+    --icon-accent: var(--color-primary);
+  }
+  .icon--flavor-secondary {
+    --icon-accent: var(--color-secondary);
+  }
+  .icon--flavor-accent {
+    --icon-accent: var(--color-accent);
+  }
+  .icon--flavor-destructive {
+    --icon-accent: var(--color-error);
+  }
+  .icon--flavor-success {
+    --icon-accent: var(--color-success);
+  }
+  .icon--flavor-warning {
+    --icon-accent: var(--color-warning);
+  }
+  .icon--flavor-info {
+    --icon-accent: var(--color-info);
+  }
 }

package/dist/components/icon/index.d.ts

@@ -1,3 +1,3 @@
-export { IconLayout as default, IconLayout as Icon } from "./Icon.generated";
 export type { IconProps } from "./Icon.generated";
+export { IconLayout as default, IconLayout as Icon } from "./Icon.generated";
 export { icon } from "./Icon.recipe";

package/dist/components/immersive-landing/ImmersiveLanding.css

@@ -36,8 +36,9 @@
   }
 
   .immersive-landing__version-label {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-      "Liberation Mono", "Courier New", monospace;
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
     color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
     font-size: clamp(0.75rem, 2vw, 1.25rem);
     letter-spacing: 0.4em;
@@ -118,11 +119,13 @@
 
   .immersive-landing-navigation__shell {
     border-radius: var(--radius-pill, 9999px);
-    border: var(--border, 1px) solid color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    border: var(--border, 1px) solid
+      color-mix(in oklab, var(--color-base-content) 10%, transparent);
     background: color-mix(in oklab, var(--color-base-100) 90%, transparent);
     padding: 0.375rem 0.5rem;
     backdrop-filter: blur(8px);
-    box-shadow: 0 12px 28px color-mix(in oklab, var(--color-base-content) 18%, transparent);
+    box-shadow: 0 12px 28px
+      color-mix(in oklab, var(--color-base-content) 18%, transparent);
   }
 
   .immersive-landing-navigation__row {
@@ -144,7 +147,9 @@
     background: transparent;
     cursor: pointer;
     touch-action: manipulation;
-    transition: background-color 150ms ease, color 150ms ease;
+    transition:
+      background-color 150ms ease,
+      color 150ms ease;
   }
 
   .immersive-landing-navigation__mobile-arrow:hover {
@@ -185,7 +190,9 @@
     background: color-mix(in oklab, var(--color-base-content) 30%, transparent);
     cursor: pointer;
     touch-action: manipulation;
-    transition: transform 150ms ease, background-color 150ms ease;
+    transition:
+      transform 150ms ease,
+      background-color 150ms ease;
   }
 
   .immersive-landing-navigation__dot:hover {
@@ -303,10 +310,13 @@
     bottom: 0;
     left: 0;
     z-index: 52;
-    border-top: var(--border, 1px) solid color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    border-top: var(--border, 1px) solid
+      color-mix(in oklab, var(--color-base-content) 10%, transparent);
     background: color-mix(in oklab, var(--color-base-300) 95%, transparent);
     backdrop-filter: blur(8px);
-    transition: transform 300ms ease, opacity 300ms ease;
+    transition:
+      transform 300ms ease,
+      opacity 300ms ease;
     animation: immersive-landing-slide-up 220ms ease;
   }
 
@@ -378,7 +388,8 @@
     max-width: 28rem;
     border-radius: 0.5rem;
     background: var(--color-base-100);
-    box-shadow: 0 20px 50px color-mix(in oklab, var(--color-base-content) 25%, transparent);
+    box-shadow: 0 20px 50px
+      color-mix(in oklab, var(--color-base-content) 25%, transparent);
     padding: 1.5rem;
     animation: immersive-landing-scale-in 200ms ease;
   }
@@ -427,7 +438,8 @@
     font-weight: 500;
   }
 
-  .immersive-landing-cookie__preference-row--locked .immersive-landing-cookie__preference-label {
+  .immersive-landing-cookie__preference-row--locked
+    .immersive-landing-cookie__preference-label {
     color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
   }
 
@@ -435,11 +447,14 @@
     width: 2.25rem;
     height: 1.25rem;
     border-radius: var(--radius-pill, 9999px);
-    border: var(--border, 1px) solid color-mix(in oklab, var(--color-base-content) 24%, transparent);
+    border: var(--border, 1px) solid
+      color-mix(in oklab, var(--color-base-content) 24%, transparent);
     appearance: none;
     position: relative;
     background: var(--color-base-200);
-    transition: background-color 150ms ease, border-color 150ms ease;
+    transition:
+      background-color 150ms ease,
+      border-color 150ms ease;
   }
 
   .immersive-landing-cookie__toggle::after {

package/dist/components/immersive-landing/components/CookieConsent.d.ts

@@ -1,3 +1,3 @@
 import { type Component } from "solid-js";
-import { CookieConsentProps } from "../types";
+import type { CookieConsentProps } from "../types";
 export declare const CookieConsent: Component<CookieConsentProps>;

package/dist/components/immersive-landing/components/FirefoxPWABanner.d.ts

@@ -1,5 +1,5 @@
 import { type Component } from "solid-js";
-import { FirefoxPWABannerProps } from "../types";
+import type { FirefoxPWABannerProps } from "../types";
 /**
  * PWAUnsupportedBanner Component
  *

package/dist/components/immersive-landing/components/PWAInstallPrompt.d.ts

@@ -1,3 +1,3 @@
 import { type Component } from "solid-js";
-import { PWAInstallPromptProps } from "../types";
+import type { PWAInstallPromptProps } from "../types";
 export declare const PWAInstallPrompt: Component<PWAInstallPromptProps>;

package/dist/components/immersive-landing/index.d.ts

@@ -1,8 +1,8 @@
 import "./ImmersiveLanding.css";
-export { default } from "./ImmersiveLanding.generated";
-export { useImmersiveLanding } from "./useImmersiveLanding";
-export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext";
 export { CookieConsent } from "./components/CookieConsent";
-export { PWAInstallPrompt } from "./components/PWAInstallPrompt";
 export { FirefoxPWABanner } from "./components/FirefoxPWABanner";
-export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, CookieConsentProps, CookieConsentTexts, CookieConsentStorageKeys, PWAInstallPromptProps, PWAInstallPromptTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, } from "./types";
+export { PWAInstallPrompt } from "./components/PWAInstallPrompt";
+export { default } from "./ImmersiveLanding.generated";
+export { ImmersiveLandingContext, useImmersiveLandingContext, } from "./ImmersiveLandingContext";
+export type { CookieConsentProps, CookieConsentStorageKeys, CookieConsentTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, ImmersiveLandingArrowsProps, ImmersiveLandingContextValue, ImmersiveLandingNavigationProps, ImmersiveLandingPageProps, ImmersiveLandingProps, PWAInstallPromptProps, PWAInstallPromptTexts, UseImmersiveLandingOptions, UseImmersiveLandingReturn, } from "./types";
+export { useImmersiveLanding } from "./useImmersiveLanding";

package/dist/components/immersive-landing/index.js

@@ -1,7 +1,7 @@
 import "./ImmersiveLanding.css";
-export { default } from "./ImmersiveLanding.generated.js";
-export { useImmersiveLanding } from "./useImmersiveLanding.js";
-export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext.js";
 export { CookieConsent } from "./components/CookieConsent.js";
-export { PWAInstallPrompt } from "./components/PWAInstallPrompt.js";
 export { FirefoxPWABanner } from "./components/FirefoxPWABanner.js";
+export { PWAInstallPrompt } from "./components/PWAInstallPrompt.js";
+export { default } from "./ImmersiveLanding.generated.js";
+export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext.js";
+export { useImmersiveLanding } from "./useImmersiveLanding.js";

package/dist/components/immersive-landing/types.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from "solid-js";
 import type { JSX } from "@solidjs/web";
+import type { Accessor } from "solid-js";
 import type { UIBaseProps } from "../vocabulary";
 export interface UseImmersiveLandingOptions {
     pages: readonly string[];