@pathscale/ui 2.6.3 → 2.6.5

package/dist/components/accordion/Accordion.generated.js

@@ -17,8 +17,8 @@ const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
-const AccordionContext = createContext();
-const AccordionItemContext = createContext();
+const AccordionContext = createContext(null);
+const AccordionItemContext = createContext(null);
 const __solidLayoutAccordionRoot = (_stable, p)=>{
     const others = omit(p, "children", "class", "dataTheme", "style", "selectionMode", "value", "defaultValue", "onValueChange", "hideSeparator", "variant", "state", "disabled", "ref");
     const selectionMode = ()=>p.selectionMode ?? "single";

package/dist/components/avatar/Avatar.generated.js

@@ -5,7 +5,7 @@ import { Show, createContext, createSignal, omit, onSettled, useContext } from "
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Avatar.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<img>");
-const AvatarContext = createContext();
+const AvatarContext = createContext(null);
 const useAvatarContext = ()=>{
     const ctx = useContext(AvatarContext);
     if (!ctx) throw new Error("Avatar compound components must be used within <Avatar>");

package/dist/components/breadcrumb/Breadcrumb.generated.js

@@ -5,7 +5,7 @@ import { Show, createContext, omit, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Breadcrumb.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=breadcrumb-separator fill=none height=12 viewBox="0 0 24 24"width=12><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ template("<nav>"), _tmpl$3 = /*#__PURE__*/ template("<a>"), _tmpl$4 = /*#__PURE__*/ template("<span>"), _tmpl$5 = /*#__PURE__*/ template("<li><!><!>");
-const BreadcrumbContext = createContext();
+const BreadcrumbContext = createContext(null);
 const useBreadcrumbContext = ()=>{
     const ctx = useContext(BreadcrumbContext);
     if (!ctx) throw new Error("Breadcrumb.Item must be used within <Breadcrumb>");

package/dist/components/button-group/context.d.ts

@@ -5,4 +5,4 @@ export type ButtonGroupContextValue = {
     isDisabled: () => boolean | undefined;
     fullWidth: () => boolean | undefined;
 };
-export declare const ButtonGroupContext: import("solid-js").Context<ButtonGroupContextValue>;
+export declare const ButtonGroupContext: import("solid-js").Context<ButtonGroupContextValue | null>;

package/dist/components/button-group/context.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-const ButtonGroupContext = createContext();
+const ButtonGroupContext = createContext(null);
 export { ButtonGroupContext };

package/dist/components/checkbox-group/context.d.ts

@@ -8,4 +8,4 @@ export type CheckboxGroupContextValue = {
     isInvalid: Accessor<boolean>;
     toggleValue: (optionValue: string, checked: boolean, event: Event) => void;
 };
-export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue>;
+export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue | null>;

package/dist/components/checkbox-group/context.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-const CheckboxGroupContext = createContext();
+const CheckboxGroupContext = createContext(null);
 export { CheckboxGroupContext };

package/dist/components/collapsible/Collapsible.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Collapsible.recipe.js";
 import { shouldMountCollapsibleContent } from "./Collapsible.mounting.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template("<div><div>"), _tmpl$5 = /*#__PURE__*/ template("<span>"), _tmpl$6 = /*#__PURE__*/ template('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
-const CollapsibleContext = createContext();
+const CollapsibleContext = createContext(null);
 const useCollapsibleContext = ()=>{
     const ctx = useContext(CollapsibleContext);
     if (!ctx) throw new Error("Collapsible compound components must be used within <Collapsible>");

package/dist/components/color-picker/ColorPicker.generated.js

@@ -10,7 +10,7 @@ import { formatColor, parseColor, rgbToHex } from "../color-wheel-flower/ColorUt
 import { CLASSES, componentRecipe } from "./ColorPicker.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const DEFAULT_COLOR = "#3B82F6";
-const ColorPickerContext = createContext();
+const ColorPickerContext = createContext(null);
 const clamp = (value, min, max)=>Math.min(max, Math.max(min, value));
 const normalizeHue = (value)=>(value % 360 + 360) % 360;
 const normalizeHsv = (value)=>({

package/dist/components/color-swatch-picker/ColorSwatchPicker.generated.d.ts

@@ -8,7 +8,7 @@ export type ColorSwatchPickerContextValue = {
     isDisabled: Accessor<boolean>;
     select: (value: string) => void;
 };
-export declare const ColorSwatchPickerContext: import("solid-js").Context<ColorSwatchPickerContextValue>;
+export declare const ColorSwatchPickerContext: import("solid-js").Context<ColorSwatchPickerContextValue | null>;
 export type ColorSwatchPickerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> & UIBaseProps & {
     children: JSX.Element;
     value?: string;

package/dist/components/color-swatch-picker/ColorSwatchPicker.generated.js

@@ -9,7 +9,7 @@ const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
-const ColorSwatchPickerContext = createContext();
+const ColorSwatchPickerContext = createContext(null);
 const __solidLayoutColorSwatchPicker = (_stable, p)=>{
     const others = omit(p, "class", "children", "value", "defaultValue", "onChange", "state", "dataTheme", "role", "onKeyDown");
     const [internalValue, setInternalValue] = createSignal(p.defaultValue);

package/dist/components/combo-box/ComboBox.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./ComboBox.recipe.js";
 import { resolveState } from "../vocabulary.js";
 var _tmpl$ = /*#__PURE__*/ template("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ template("<div><!><!>"), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<div>"), _tmpl$5 = /*#__PURE__*/ template("<input>"), _tmpl$6 = /*#__PURE__*/ template("<button><!><!><!>"), _tmpl$7 = /*#__PURE__*/ template("<div>No matching options"), _tmpl$8 = /*#__PURE__*/ template("<div><span>"), _tmpl$9 = /*#__PURE__*/ template("<span><span>");
-const ComboBoxContext = createContext();
+const ComboBoxContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/date-field/DateField.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./DateField.recipe.js";
 import { resolveState } from "../vocabulary.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
-const DateFieldContext = createContext();
+const DateFieldContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/dialog/Dialog.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import "../_shared/material.css";
 import { CLASSES, componentRecipe } from "./Dialog.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div>"), _tmpl$4 = /*#__PURE__*/ template("<h2>"), _tmpl$5 = /*#__PURE__*/ template('<svg><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
-const DialogContext = createContext();
+const DialogContext = createContext(null);
 const useModalContext = ()=>{
     const context = useContext(DialogContext);
     if (!context) throw new Error("Dialog compound components must be used within <Dialog>.");

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

@@ -23,5 +23,5 @@ export type DrawerContextValue = {
     setBackdropDismissableOverride: (value: boolean | undefined) => void;
     setBackdropCloseOnClickOverride: (value: boolean | undefined) => void;
 };
-export declare const DrawerContext: import("solid-js").Context<DrawerContextValue>;
+export declare const DrawerContext: import("solid-js").Context<DrawerContextValue | null>;
 export declare const useDrawerContext: () => DrawerContextValue;

package/dist/components/drawer/Drawer.context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "solid-js";
-const DrawerContext = createContext();
+const DrawerContext = createContext(null);
 const useDrawerContext = ()=>{
     const ctx = useContext(DrawerContext);
     if (!ctx) throw new Error("Drawer compound components must be used within <Drawer.Root>.");

package/dist/components/dropdown/Dropdown.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { createOverlayPosition } from "../_shared/overlayPosition.js";
 import { CLASSES, componentRecipe } from "./Dropdown.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div>");
-const DropdownContext = createContext();
+const DropdownContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

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

@@ -1,3 +1,3 @@
 import type { ImmersiveLandingContextValue } from "./types";
-export declare const ImmersiveLandingContext: import("solid-js").Context<ImmersiveLandingContextValue>;
+export declare const ImmersiveLandingContext: import("solid-js").Context<ImmersiveLandingContextValue | null>;
 export declare function useImmersiveLandingContext(): ImmersiveLandingContextValue;

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

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "solid-js";
-const ImmersiveLandingContext = createContext();
+const ImmersiveLandingContext = createContext(null);
 function useImmersiveLandingContext() {
     const context = useContext(ImmersiveLandingContext);
     if (!context) throw new Error("useImmersiveLandingContext must be used within an ImmersiveLanding component");

package/dist/components/input/Input.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Input.recipe.js";
 import { resolveState } from "../vocabulary.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template("<div><input><!>"), _tmpl$4 = /*#__PURE__*/ template("<label>"), _tmpl$5 = /*#__PURE__*/ template("<p>");
-const InputContext = createContext();
+const InputContext = createContext(null);
 const __solidLayoutInputRoot = (_stable, p)=>{
     const others = omit(p, "children", "class", "size", "fullWidth", "state", "issues", "dataTheme");
     const baseId = createUniqueId();

package/dist/components/input-otp/InputOTP.generated.js

@@ -9,7 +9,7 @@ var _tmpl$ = /*#__PURE__*/ template("<div><input>"), _tmpl$2 = /*#__PURE__*/ tem
 const REGEXP_ONLY_DIGITS = "^\\d+$";
 const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
 const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
-const InputOTPContext = createContext();
+const InputOTPContext = createContext(null);
 const clamp = (value, min, max)=>Math.min(max, Math.max(min, value));
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);

package/dist/components/language-switcher/createI18n.d.ts

@@ -92,7 +92,7 @@ export declare function createI18n(options: I18nOptions): I18nStore;
 export interface I18nContextValue {
     i18n: I18nStore;
 }
-export declare const I18nContext: import("solid-js").Context<I18nContextValue>;
+export declare const I18nContext: import("solid-js").Context<I18nContextValue | null>;
 export declare function useI18n(): I18nStore;
 export interface I18nProviderProps {
     i18n: I18nStore;

package/dist/components/language-switcher/createI18n.js

@@ -66,7 +66,7 @@ function createI18n(options) {
         supportedCodes
     };
 }
-const I18nContext = createContext();
+const I18nContext = createContext(null);
 function useI18n() {
     const context = useContext(I18nContext);
     if (!context) throw new Error("useI18n must be used within an I18nProvider");

package/dist/components/list-box/context.d.ts

@@ -24,4 +24,4 @@ export type ListBoxContextValue = {
     focusNext: (direction: 1 | -1) => void;
     focusBoundary: (target: ListBoxFocusTarget) => void;
 };
-export declare const ListBoxContext: import("solid-js").Context<ListBoxContextValue>;
+export declare const ListBoxContext: import("solid-js").Context<ListBoxContextValue | null>;

package/dist/components/list-box/context.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-const ListBoxContext = createContext();
+const ListBoxContext = createContext(null);
 export { ListBoxContext };

package/dist/components/menu/context.d.ts

@@ -23,4 +23,4 @@ export type MenuContextValue = {
     focusNext: (direction: 1 | -1) => void;
     focusBoundary: (target: MenuFocusTarget) => void;
 };
-export declare const MenuContext: import("solid-js").Context<MenuContextValue>;
+export declare const MenuContext: import("solid-js").Context<MenuContextValue | null>;

package/dist/components/menu/context.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-const MenuContext = createContext();
+const MenuContext = createContext(null);
 export { MenuContext };

package/dist/components/meter/Meter.generated.js

@@ -5,7 +5,7 @@ import { createContext, createMemo, omit, useContext } from "solid-js";
 import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Meter.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
-const MeterContext = createContext();
+const MeterContext = createContext(null);
 const useMeterContext = ()=>{
     const context = useContext(MeterContext);
     if (!context) throw new Error("Meter compound components must be used within <Meter>");

package/dist/components/popover/Popover.generated.js

@@ -7,7 +7,7 @@ import "../_shared/material.css";
 import { createOverlayPosition } from "../_shared/overlayPosition.js";
 import { CLASSES, componentRecipe } from "./Popover.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<h3>");
-const PopoverContext = createContext();
+const PopoverContext = createContext(null);
 const usePopoverContext = ()=>{
     const ctx = useContext(PopoverContext);
     if (!ctx) throw new Error("Popover compound components must be used within <Popover>");

package/dist/components/radio-group/context.d.ts

@@ -6,4 +6,4 @@ export type RadioGroupContextValue = {
     isInvalid: Accessor<boolean>;
     selectValue: (value: string, event: Event) => void;
 };
-export declare const RadioGroupContext: import("solid-js").Context<RadioGroupContextValue>;
+export declare const RadioGroupContext: import("solid-js").Context<RadioGroupContextValue | null>;

package/dist/components/radio-group/context.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-const RadioGroupContext = createContext();
+const RadioGroupContext = createContext(null);
 export { RadioGroupContext };

package/dist/components/select/Select.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { createOverlayPosition } from "../_shared/overlayPosition.js";
 import { CLASSES, componentRecipe } from "./Select.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button><!><!><!>"), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<span><!><!><!>"), _tmpl$5 = /*#__PURE__*/ template("<span><span>"), _tmpl$6 = /*#__PURE__*/ template("<button><span></span><!>");
-const SelectContext = createContext();
+const SelectContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/tabs/Tabs.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Tabs.recipe.js";
 import { observeTabIndicator } from "./Tabs.measurement.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<div><span>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template("<span>");
-const TabsContext = createContext();
+const TabsContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/time-field/TimeField.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./TimeField.recipe.js";
 import { resolveState } from "../vocabulary.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
-const TimeFieldContext = createContext();
+const TimeFieldContext = createContext(null);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/toast/Toast.generated.js

@@ -204,7 +204,7 @@ class ToastQueue {
         return this;
     }
 }
-const ToastItemContext = createContext();
+const ToastItemContext = createContext(null);
 const useToastItemContext = ()=>{
     const context = useContext(ToastItemContext);
     if (!context) throw new Error("Toast compound components must be used within <Toast>.");

package/dist/components/tooltip/Tooltip.generated.js

@@ -6,7 +6,7 @@ import { twMerge } from "../../lib/twMerge.js";
 import { createOverlayPosition } from "../_shared/overlayPosition.js";
 import { CLASSES, componentRecipe } from "./Tooltip.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<div>"), _tmpl$3 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>');
-const TooltipContext = createContext();
+const TooltipContext = createContext(null);
 const useTooltipContext = ()=>{
     const ctx = useContext(TooltipContext);
     if (!ctx) throw new Error("Tooltip compound components must be used within <Tooltip>");

package/dist/layouts.manifest.json

@@ -1,7 +1,7 @@
 {
   "format": "solid-layouts-library-v2",
   "package": "@pathscale/ui",
-  "version": "2.6.3",
+  "version": "2.6.5",
   "components": {
     "Accordion": {
       "kind": "embedded"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.6.3",
+  "version": "2.6.5",
   "author": "pathscale",
   "repository": {
     "type": "git",