@pathscale/ui 2.7.2 → 2.7.3

package/dist/components/textarea/Textarea.css

@@ -4,7 +4,10 @@
     min-height: 2.375rem;
     border-radius: var(--radius-field, 0.75rem);
     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)
+      );
     background-color: var(--color-field, var(--color-base-100));
     padding-block: 0.5rem;
     padding-inline: 0.75rem;
@@ -23,7 +26,10 @@
   }
 
   .textarea::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)
+    );
   }
 
   @media (prefers-reduced-motion: reduce) {
@@ -33,9 +39,14 @@
   }
 
   @media (hover: hover) {
-    .textarea:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
+    .textarea:hover:not(:focus):not(:focus-visible):not(
+        [data-disabled="true"]
+      ) {
       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)
+      );
     }
   }
 
@@ -59,7 +70,11 @@
   .textarea[data-disabled="true"],
   .textarea[aria-disabled="true"] {
     cursor: not-allowed;
-    border-color: color-mix(in oklab, var(--color-base-content) 12%, transparent);
+    border-color: color-mix(
+      in oklab,
+      var(--color-base-content) 12%,
+      transparent
+    );
     background-color: var(--color-base-200);
     color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
     box-shadow: none;
@@ -71,22 +86,36 @@
 
   .textarea--secondary {
     box-shadow: none;
-    background-color: var(--textarea-bg, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --textarea-bg,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   @media (hover: hover) {
-    .textarea--secondary:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
-      background-color: var(--textarea-bg-hover, var(--color-default-hover, var(--color-base-300)));
+    .textarea--secondary:hover:not(:focus):not(:focus-visible):not(
+        [data-disabled="true"]
+      ) {
+      background-color: var(
+        --textarea-bg-hover,
+        var(--color-default-hover, var(--color-base-300))
+      );
     }
   }
 
   .textarea--secondary:focus,
   .textarea--secondary[data-focused="true"] {
-    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --textarea-bg-focus,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   .textarea--secondary[data-invalid="true"] {
-    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --textarea-bg-focus,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   .textarea--full-width {

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

@@ -1 +1 @@
-export { default, Textarea, TextareaRoot, type TextareaProps, type TextareaRootProps, type TextareaVariant, } from "./Textarea.generated";
+export { default, Textarea, type TextareaProps, TextareaRoot, type TextareaRootProps, type TextareaVariant, } from "./Textarea.generated";

package/dist/components/theme-color-picker/index.d.ts

@@ -1,3 +1,3 @@
+export { createHueShiftStore, getDefaultHueShiftStore, type HueShiftStore, resetHueShift, } from "./hueShift";
+export type { ThemeColorPickerAlign, ThemeColorPickerPlacement, ThemeColorPickerProps, } from "./ThemeColorPicker.generated";
 export { default as ThemeColorPicker } from "./ThemeColorPicker.generated";
-export type { ThemeColorPickerProps, ThemeColorPickerAlign, ThemeColorPickerPlacement, } from "./ThemeColorPicker.generated";
-export { createHueShiftStore, getDefaultHueShiftStore, resetHueShift, type HueShiftStore, } from "./hueShift";

package/dist/components/theme-color-picker/index.js

@@ -1,2 +1,2 @@
-export { default as ThemeColorPicker } from "./ThemeColorPicker.generated.js";
 export { createHueShiftStore, getDefaultHueShiftStore, resetHueShift } from "./hueShift.js";
+export { default as ThemeColorPicker } from "./ThemeColorPicker.generated.js";

package/dist/components/time-field/TimeField.css

@@ -29,7 +29,10 @@
     overflow: hidden;
     border-radius: var(--radius-field, 0.75rem);
     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)
+      );
     background-color: var(--color-field, var(--color-base-100));
     color: var(--color-field-foreground, var(--color-base-content));
     box-shadow:
@@ -51,7 +54,10 @@
   @media (hover: hover) {
     .date-input-group:hover:not(:focus-within):not([data-disabled="true"]) {
       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)
+      );
     }
   }
 
@@ -101,11 +107,13 @@
     cursor: pointer;
   }
 
-  .date-input-group:has([data-slot="date-input-group-prefix"]) .date-input-group__input {
+  .date-input-group:has([data-slot="date-input-group-prefix"])
+    .date-input-group__input {
     padding-inline-start: 0.5rem;
   }
 
-  .date-input-group:has([data-slot="date-input-group-suffix"]) .date-input-group__input {
+  .date-input-group:has([data-slot="date-input-group-suffix"])
+    .date-input-group__input {
     padding-inline-end: 0.5rem;
   }
 
@@ -139,11 +147,17 @@
 
   .date-input-group__segment[data-type="literal"] {
     padding-inline: 0;
-    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)
+    );
   }
 
   .date-input-group__segment[data-placeholder="true"] {
-    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-input-group__segment:focus,
@@ -172,7 +186,10 @@
     margin-inline-start: 0.75rem;
     margin-inline-end: 0;
     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)
+    );
     pointer-events: none;
   }
 
@@ -181,7 +198,10 @@
     align-items: center;
     margin-inline-end: 0.75rem;
     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)
+    );
     pointer-events: none;
   }
 
@@ -190,23 +210,37 @@
 
   .date-input-group--secondary {
     box-shadow: none;
-    background-color: var(--date-input-group-bg, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --date-input-group-bg,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   @media (hover: hover) {
-    .date-input-group--secondary:hover:not(:focus-within):not([data-disabled="true"]) {
-      background-color: var(--date-input-group-bg-hover, var(--color-default-hover, var(--color-base-300)));
+    .date-input-group--secondary:hover:not(:focus-within):not(
+        [data-disabled="true"]
+      ) {
+      background-color: var(
+        --date-input-group-bg-hover,
+        var(--color-default-hover, var(--color-base-300))
+      );
     }
   }
 
   .date-input-group--secondary:focus-within,
   .date-input-group--secondary[data-focus-within="true"] {
-    background-color: var(--date-input-group-bg-focus, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --date-input-group-bg-focus,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   .date-input-group--secondary[data-invalid="true"] {
     border-color: var(--color-field-border-invalid, var(--color-danger));
-    background-color: var(--date-input-group-bg-focus, var(--color-default, var(--color-base-200)));
+    background-color: var(
+      --date-input-group-bg-focus,
+      var(--color-default, var(--color-base-200))
+    );
   }
 
   .date-input-group--full-width {

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

@@ -1 +1 @@
-export { default, TimeField, TimeFieldRoot, TimeFieldGroup, TimeFieldInput, TimeFieldInputContainer, TimeFieldSegment, TimeFieldPrefix, TimeFieldSuffix, type TimeFieldProps, type TimeFieldRootProps, type TimeFieldGroupProps, type TimeFieldInputProps, type TimeFieldInputContainerProps, type TimeFieldSegmentProps, type TimeFieldPrefixProps, type TimeFieldSuffixProps, type TimeFieldVariant, type TimeFieldRenderProps, type TimeFieldSegmentValue, } from "./TimeField.generated";
+export { default, TimeField, TimeFieldGroup, type TimeFieldGroupProps, TimeFieldInput, TimeFieldInputContainer, type TimeFieldInputContainerProps, type TimeFieldInputProps, TimeFieldPrefix, type TimeFieldPrefixProps, type TimeFieldProps, type TimeFieldRenderProps, TimeFieldRoot, type TimeFieldRootProps, TimeFieldSegment, type TimeFieldSegmentProps, type TimeFieldSegmentValue, TimeFieldSuffix, type TimeFieldSuffixProps, type TimeFieldVariant, } from "./TimeField.generated";

package/dist/components/toast/Toast.css

@@ -91,7 +91,8 @@
     color: var(--color-overlay-foreground, var(--color-base-content));
     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)
     );
   }
 

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

@@ -1 +1 @@
-export { default, ToastRoot, ToastProvider, ToastContent, ToastIndicator, ToastTitle, ToastDescription, ToastActionButton, ToastCloseButton, ToastQueue, toast, toastQueue, DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, type ToastPlacement, type ToastVariant, type ToastActionProps, type ToastContentValue, type ToastQueueAddOptions, type ToastQueueItem, type ToastQueueOptions, type ToastRenderFn, type ToastRootProps, type ToastProviderProps, type ToastContentProps, type ToastIndicatorProps, type ToastTitleProps, type ToastDescriptionProps, type ToastActionButtonProps, type ToastCloseButtonProps, type HeroUIToastOptions, type ToastPromiseOptions, type ToastFunction, } from "./Toast.generated";
+export { DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, default, type HeroUIToastOptions, ToastActionButton, type ToastActionButtonProps, type ToastActionProps, ToastCloseButton, type ToastCloseButtonProps, ToastContent, type ToastContentProps, type ToastContentValue, ToastDescription, type ToastDescriptionProps, type ToastFunction, ToastIndicator, type ToastIndicatorProps, type ToastPlacement, type ToastPromiseOptions, ToastProvider, type ToastProviderProps, ToastQueue, type ToastQueueAddOptions, type ToastQueueItem, type ToastQueueOptions, type ToastRenderFn, ToastRoot, type ToastRootProps, ToastTitle, type ToastTitleProps, type ToastVariant, toast, toastQueue, } from "./Toast.generated";

package/dist/components/toolbar/Toolbar.css

@@ -22,7 +22,11 @@
     border-radius: var(--radius-pill, 9999px);
     background-color: var(--color-surface, var(--color-base-100));
     padding: 0.25rem;
-    box-shadow: var(--shadow-overlay, 0 12px 28px color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 12%, transparent));
+    box-shadow: var(
+      --shadow-overlay,
+      0 12px 28px
+        color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 12%, transparent)
+    );
   }
 
   .toolbar [data-slot="separator"][data-orientation="vertical"] {
@@ -52,4 +56,3 @@
     justify-self: center;
   }
 }
-

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

@@ -1 +1 @@
-export { default, Toolbar, ToolbarRoot, type ToolbarProps, type ToolbarRootProps, type ToolbarOrientation, } from "./Toolbar.generated";
+export { default, Toolbar, type ToolbarOrientation, type ToolbarProps, ToolbarRoot, type ToolbarRootProps, } from "./Toolbar.generated";

package/dist/components/tooltip/Tooltip.css

@@ -40,12 +40,15 @@
     pointer-events: none;
     background-color: var(--color-neutral);
     color: var(--color-neutral-content);
-    box-shadow: 0 4px 6px -1px rgb(var(--shadow-color, 0 0 0) / 10%), 0 2px 4px -2px
-      rgb(var(--shadow-color, 0 0 0) / 10%);
+    box-shadow:
+      0 4px 6px -1px rgb(var(--shadow-color, 0 0 0) / 10%),
+      0 2px 4px -2px rgb(var(--shadow-color, 0 0 0) / 10%);
 
     opacity: 0;
     overflow: visible;
-    transition: opacity 150ms ease, transform 150ms ease;
+    transition:
+      opacity 150ms ease,
+      transform 150ms ease;
   }
 
   /* Visible state */

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

@@ -1 +1 @@
-export { default, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, type TooltipPlacement, type TooltipRootProps, type TooltipTriggerProps, type TooltipContentProps, type TooltipArrowProps, } from "./Tooltip.generated";
+export { default, TooltipArrow, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipPlacement, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps, } from "./Tooltip.generated";

package/dist/components/video-preview/index.d.ts

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

package/dist/hooks/date/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./date.utils";
-export * from "./useDateSelection";
-export * from "./useRangeSelection";
 export * from "./useCalendarNavigation";
 export * from "./useCalendarState";
+export * from "./useDateSelection";
 export * from "./usePickerOpenState";
+export * from "./useRangeSelection";

package/dist/hooks/date/index.js

@@ -1,6 +1,6 @@
 export * from "./date.utils.js";
-export * from "./useDateSelection.js";
-export * from "./useRangeSelection.js";
 export * from "./useCalendarNavigation.js";
 export * from "./useCalendarState.js";
+export * from "./useDateSelection.js";
 export * from "./usePickerOpenState.js";
+export * from "./useRangeSelection.js";

package/dist/hooks/form/getFirstFieldError.js

@@ -12,7 +12,6 @@ const getFirstFieldError = (errors)=>{
                 const trimmed = maybeMessage.trim();
                 if (trimmed.length > 0) return trimmed;
             }
-            continue;
         }
     }
 };

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

@@ -1,4 +1,4 @@
-export { createForm, type CreateFormOptions, type FormApi } from "./createForm";
-export { FormContext, useFormContext, type AnyFormApi } from "./FormContext";
-export { useField, type UseFieldResult } from "./useFieldNew";
+export { type CreateFormOptions, createForm, type FormApi } from "./createForm";
+export { type AnyFormApi, FormContext, useFormContext } from "./FormContext";
 export { getFirstFieldError } from "./getFirstFieldError";
+export { type UseFieldResult, useField } from "./useFieldNew";

package/dist/hooks/form/index.js

@@ -1,4 +1,4 @@
 export { createForm } from "./createForm.js";
 export { FormContext, useFormContext } from "./FormContext.js";
-export { useField } from "./useFieldNew.js";
 export { getFirstFieldError } from "./getFirstFieldError.js";
+export { useField } from "./useFieldNew.js";

package/dist/hooks/table/index.d.ts

@@ -1,2 +1,2 @@
-export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";
 export type { UseAnchoredOverlayPositionOptions } from "./useAnchoredOverlayPosition";
+export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";

package/dist/hooks/table/useAnchoredOverlayPosition.d.ts

@@ -1,5 +1,5 @@
-import { type Accessor } from "solid-js";
 import type { JSX } from "@solidjs/web";
+import { type Accessor } from "solid-js";
 export interface UseAnchoredOverlayPositionOptions {
     isOpen: Accessor<boolean>;
     getAnchor: Accessor<HTMLElement | undefined>;