@pathscale/ui 3.1.0 → 3.2.0

package/dist/hooks/date/useCalendarState.js

@@ -1,22 +1,10 @@
 import { createMemo } from "solid-js";
-import { addDays, buildCalendarGrid, compareDates, createPreviewRange, getToday, isSameDay, isSameMonth, normalizeRange, splitWeeks } from "./date.utils.js";
+import { formatFullDate, formatMonthYear, weekdayNames } from "./date.names.js";
+import { buildCalendarGrid, compareDates, createPreviewRange, getToday, isSameDay, isSameMonth, normalizeRange, splitWeeks } from "./date.utils.js";
 const useCalendarState = (options)=>{
-    const monthFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            month: "long",
-            year: "numeric"
-        }));
-    const dayLabelFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            dateStyle: "full"
-        }));
-    const weekdayFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            weekday: options.weekdayFormat()
-        }));
-    const weekdayLabels = createMemo(()=>{
-        const firstSunday = new Date(2024, 0, 7, 12, 0, 0, 0);
-        return Array.from({
-            length: 7
-        }, (_, index)=>weekdayFormatter().format(addDays(firstSunday, index)));
-    });
+    const monthLabel = createMemo(()=>formatMonthYear(options.visibleMonth(), options.dateNames()));
+    const formatDayLabel = (date)=>formatFullDate(date, options.dateNames());
+    const weekdayLabels = createMemo(()=>weekdayNames(options.weekdayFormat(), options.dateNames()));
     const calendarWeeks = createMemo(()=>splitWeeks(buildCalendarGrid(options.visibleMonth(), 0)));
     const normalizedRange = createMemo(()=>normalizeRange(options.rangeStart(), options.rangeEnd()));
     const previewRange = createMemo(()=>createPreviewRange(normalizedRange().start, normalizedRange().end, options.rangePreview()));
@@ -54,8 +42,8 @@ const useCalendarState = (options)=>{
         };
     };
     return {
-        monthFormatter,
-        dayLabelFormatter,
+        monthLabel,
+        formatDayLabel,
         weekdayLabels,
         calendarWeeks,
         normalizedRange,

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

@@ -4,7 +4,7 @@ type AnyValues = Record<string, any>;
 export type AsyncValidatorFn<TValues extends AnyValues> = (context: {
     value: TValues;
 }) => Promise<Partial<Record<keyof TValues, string>> | undefined>;
-export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
+export type CreateFormOptions<TValues extends AnyValues = AnyValues, TOutput = TValues> = {
     /**
      * Initial values for every field. Used to infer the form's value type and
      * to determine whether a field is "dirty".
@@ -14,7 +14,7 @@ export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
      * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, ...).
      * Runs on change, on blur and on submit.
      */
-    schema?: StandardSchemaV1<TValues>;
+    schema?: StandardSchemaV1<TValues, TOutput>;
     /**
      * Additional async validators for fields that need server-side validation
      * (e.g. username availability). These run *after* the synchronous schema.
@@ -26,7 +26,7 @@ export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
     /**
      * Called when the form is submitted and all validators pass.
      */
-    onSubmit?: (value: TValues) => void | Promise<void>;
+    onSubmit?: (value: TOutput) => void | Promise<void>;
 };
 /** What a field tracks besides its value. */
 type FieldMeta = {
@@ -77,5 +77,5 @@ export type FormApi<TValues extends AnyValues = AnyValues> = {
  * field is touched — the display gate lives in `useField`, so a submit can
  * surface every error at once by touching every field.
  */
-export declare const createForm: <TValues extends AnyValues = AnyValues>(options: CreateFormOptions<TValues>) => FormApi<TValues>;
+export declare const createForm: <TValues extends AnyValues = AnyValues, TOutput = TValues>(options: CreateFormOptions<TValues, TOutput>) => FormApi<TValues>;
 export { getFirstFieldError };

package/dist/hooks/form/createForm.js

@@ -67,17 +67,15 @@ const createForm = (options)=>{
             };
         });
         flush();
-        let ok = runSchema();
+        let output = values;
         const schema = options.schema;
         if (schema) {
-            const result = schema["~standard"].validate(values);
-            if (result instanceof Promise) {
-                const resolved = await result;
-                applyErrors(resolved.issues ? issuesToErrors(resolved.issues) : {}, true);
-                ok = !resolved.issues?.length;
-            }
+            const pending = schema["~standard"].validate(values);
+            const result = pending instanceof Promise ? await pending : pending;
+            applyErrors(result.issues ? issuesToErrors(result.issues) : {}, true);
+            if (result.issues) return;
+            output = result.value;
         }
-        if (!ok) return;
         setStatus((draft)=>{
             draft.isSubmitting = true;
         });
@@ -96,7 +94,7 @@ const createForm = (options)=>{
                     };
                 });
             }
-            await options.onSubmit?.(values);
+            await options.onSubmit?.(output);
         } finally{
             setStatus((draft)=>{
                 draft.isSubmitting = false;

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export { Breadcrumb, BreadcrumbItem, } from "./components/breadcrumb";
 export type { ButtonProps } from "./components/button";
 export { default as Button } from "./components/button";
 export { PanelToggle, type PanelToggleProps, type PanelToggleSide, } from "./components/panel-toggle";
-export { type CalendarDayHoverHandler, type CalendarDaySelectHandler, type CalendarProps, type CalendarSelectionMode, type CalendarWeekdayFormat, default as Calendar, } from "./components/calendar";
+export { type CalendarDayHoverHandler, type CalendarDaySelectHandler, type CalendarProps, type CalendarSelectionMode, type CalendarWeekdayFormat, type DateNames, default as Calendar, } from "./components/calendar";
 export type { CardElevation, CardMaterial, CardState, CardProps, CardSectionProps, } from "./components/card";
 export { Card as CardRoot, CardBody, CardFooter, CardHeader, default as Card, } from "./components/card";
 export { default as ChatBubble } from "./components/chatbubble";
@@ -51,7 +51,7 @@ export { createFlexGrid, default as FlexGrid } from "./components/flex-grid";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
 export { default as Footer } from "./components/footer";
 export type { FieldErrorMessageProps, FormFieldProps, FormProps, FormRootProps, FormSubmitButtonProps, FormWithContextProps, } from "./components/form";
-export { default as Form, FormField, FormSubmitButton, FormWithContext, } from "./components/form";
+export { FieldErrorMessage, default as Form, FormField, FormSubmitButton, FormWithContext, } from "./components/form";
 export { GlowCard, type GlowCardProps } from "./components/glow-card";
 export { default as Grid } from "./components/grid";
 export type { HeaderProps, HeaderRootProps } from "./components/header";
@@ -107,7 +107,7 @@ export type { ExpandToggleProps as TableExpandToggleProps, InlineConfirmProps as
 export { default as Table, ExpandToggle as TableExpandToggle, InlineConfirm as TableInlineConfirm, MobileListView as TableMobileListView, SortIcon as TableSortIcon, VirtualSpacerRow as TableVirtualSpacerRow, } from "./components/table";
 export type { TabIndicatorProps, TabListContainerProps, TabListProps, TabPanelProps, TabProps, TabSeparatorProps, TabsRootProps, } from "./components/tabs";
 export { default as Tabs } from "./components/tabs";
-export type { TextFamily, TextLeading, TextProps, TextRootProps, TextSize, TextTracking, TextTransform, TextVariant, TextWeight, } from "./components/text";
+export type { TextAs, TextFamily, TextLeading, TextProps, TextRootProps, TextSize, TextTracking, TextTransform, TextVariant, TextWeight, } from "./components/text";
 export { default as Text } from "./components/text";
 export type { TextareaProps, TextareaRootProps, TextareaVariant, } from "./components/textarea";
 export { default as Textarea } from "./components/textarea";

package/dist/index.js

@@ -32,7 +32,7 @@ export { FieldGroup, FieldsetActions, FieldsetLegend, default as Fieldset } from
 export { default as Flex } from "./components/flex/index.js";
 export { createFlexGrid, default as FlexGrid } from "./components/flex-grid/index.js";
 export { default as Footer } from "./components/footer/index.js";
-export { FormField, FormSubmitButton, FormWithContext, default as Form } from "./components/form/index.js";
+export { FieldErrorMessage, FormField, FormSubmitButton, FormWithContext, default as Form } from "./components/form/index.js";
 export { GlowCard } from "./components/glow-card/index.js";
 export { default as Grid } from "./components/grid/index.js";
 export { default as Header } from "./components/header/index.js";

package/dist/layouts.manifest.json

@@ -1,7 +1,7 @@
 {
   "format": "solid-layouts-library-v2",
   "package": "@pathscale/ui",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "components": {
     "Accordion": {
       "kind": "embedded"
@@ -153,6 +153,9 @@
     "Composer": {
       "kind": "embedded"
     },
+    "ConnectionSettings": {
+      "kind": "embedded"
+    },
     "CookieConsent": {
       "kind": "embedded"
     },

package/dist/responsive-classes.txt

@@ -0,0 +1,450 @@
+auto-cols-fr
+auto-cols-max
+auto-cols-min
+auto-rows-fr
+auto-rows-max
+auto-rows-min
+basis-0
+basis-16
+basis-24
+basis-32
+basis-8
+flex-col
+flex-col-reverse
+flex-grow
+flex-grow-0
+flex-nowrap
+flex-row
+flex-row-reverse
+flex-shrink
+flex-shrink-0
+flex-wrap
+flex-wrap-reverse
+gap-0
+gap-2
+gap-4
+gap-6
+gap-8
+gap-x-0
+gap-x-2
+gap-x-4
+gap-x-6
+gap-x-8
+gap-y-0
+gap-y-2
+gap-y-4
+gap-y-6
+gap-y-8
+grid-cols-1
+grid-cols-10
+grid-cols-11
+grid-cols-12
+grid-cols-2
+grid-cols-3
+grid-cols-4
+grid-cols-5
+grid-cols-6
+grid-cols-7
+grid-cols-8
+grid-cols-9
+grid-flow-col
+grid-flow-col-dense
+grid-flow-row
+grid-flow-row-dense
+grid-rows-1
+grid-rows-10
+grid-rows-11
+grid-rows-12
+grid-rows-2
+grid-rows-3
+grid-rows-4
+grid-rows-5
+grid-rows-6
+grid-rows-7
+grid-rows-8
+grid-rows-9
+h-full
+items-baseline
+items-center
+items-end
+items-start
+items-stretch
+justify-around
+justify-between
+justify-center
+justify-end
+justify-evenly
+justify-start
+lg:auto-cols-fr
+lg:auto-cols-max
+lg:auto-cols-min
+lg:auto-rows-fr
+lg:auto-rows-max
+lg:auto-rows-min
+lg:basis-0
+lg:basis-16
+lg:basis-24
+lg:basis-32
+lg:basis-8
+lg:flex-col
+lg:flex-col-reverse
+lg:flex-grow
+lg:flex-grow-0
+lg:flex-nowrap
+lg:flex-row
+lg:flex-row-reverse
+lg:flex-shrink
+lg:flex-shrink-0
+lg:flex-wrap
+lg:flex-wrap-reverse
+lg:gap-0
+lg:gap-2
+lg:gap-4
+lg:gap-6
+lg:gap-8
+lg:gap-x-0
+lg:gap-x-2
+lg:gap-x-4
+lg:gap-x-6
+lg:gap-x-8
+lg:gap-y-0
+lg:gap-y-2
+lg:gap-y-4
+lg:gap-y-6
+lg:gap-y-8
+lg:grid-cols-1
+lg:grid-cols-10
+lg:grid-cols-11
+lg:grid-cols-12
+lg:grid-cols-2
+lg:grid-cols-3
+lg:grid-cols-4
+lg:grid-cols-5
+lg:grid-cols-6
+lg:grid-cols-7
+lg:grid-cols-8
+lg:grid-cols-9
+lg:grid-flow-col
+lg:grid-flow-col-dense
+lg:grid-flow-row
+lg:grid-flow-row-dense
+lg:grid-rows-1
+lg:grid-rows-10
+lg:grid-rows-11
+lg:grid-rows-12
+lg:grid-rows-2
+lg:grid-rows-3
+lg:grid-rows-4
+lg:grid-rows-5
+lg:grid-rows-6
+lg:grid-rows-7
+lg:grid-rows-8
+lg:grid-rows-9
+lg:h-full
+lg:items-baseline
+lg:items-center
+lg:items-end
+lg:items-start
+lg:items-stretch
+lg:justify-around
+lg:justify-between
+lg:justify-center
+lg:justify-end
+lg:justify-evenly
+lg:justify-start
+lg:min-h-0
+lg:min-w-0
+lg:px-0
+lg:px-2
+lg:px-4
+lg:px-6
+lg:px-8
+lg:py-0
+lg:py-2
+lg:py-4
+lg:py-6
+lg:py-8
+lg:w-full
+md:auto-cols-fr
+md:auto-cols-max
+md:auto-cols-min
+md:auto-rows-fr
+md:auto-rows-max
+md:auto-rows-min
+md:basis-0
+md:basis-16
+md:basis-24
+md:basis-32
+md:basis-8
+md:flex-col
+md:flex-col-reverse
+md:flex-grow
+md:flex-grow-0
+md:flex-nowrap
+md:flex-row
+md:flex-row-reverse
+md:flex-shrink
+md:flex-shrink-0
+md:flex-wrap
+md:flex-wrap-reverse
+md:gap-0
+md:gap-2
+md:gap-4
+md:gap-6
+md:gap-8
+md:gap-x-0
+md:gap-x-2
+md:gap-x-4
+md:gap-x-6
+md:gap-x-8
+md:gap-y-0
+md:gap-y-2
+md:gap-y-4
+md:gap-y-6
+md:gap-y-8
+md:grid-cols-1
+md:grid-cols-10
+md:grid-cols-11
+md:grid-cols-12
+md:grid-cols-2
+md:grid-cols-3
+md:grid-cols-4
+md:grid-cols-5
+md:grid-cols-6
+md:grid-cols-7
+md:grid-cols-8
+md:grid-cols-9
+md:grid-flow-col
+md:grid-flow-col-dense
+md:grid-flow-row
+md:grid-flow-row-dense
+md:grid-rows-1
+md:grid-rows-10
+md:grid-rows-11
+md:grid-rows-12
+md:grid-rows-2
+md:grid-rows-3
+md:grid-rows-4
+md:grid-rows-5
+md:grid-rows-6
+md:grid-rows-7
+md:grid-rows-8
+md:grid-rows-9
+md:h-full
+md:items-baseline
+md:items-center
+md:items-end
+md:items-start
+md:items-stretch
+md:justify-around
+md:justify-between
+md:justify-center
+md:justify-end
+md:justify-evenly
+md:justify-start
+md:min-h-0
+md:min-w-0
+md:px-0
+md:px-2
+md:px-4
+md:px-6
+md:px-8
+md:py-0
+md:py-2
+md:py-4
+md:py-6
+md:py-8
+md:w-full
+min-h-0
+min-w-0
+px-0
+px-2
+px-4
+px-6
+px-8
+py-0
+py-2
+py-4
+py-6
+py-8
+sm:auto-cols-fr
+sm:auto-cols-max
+sm:auto-cols-min
+sm:auto-rows-fr
+sm:auto-rows-max
+sm:auto-rows-min
+sm:basis-0
+sm:basis-16
+sm:basis-24
+sm:basis-32
+sm:basis-8
+sm:flex-col
+sm:flex-col-reverse
+sm:flex-grow
+sm:flex-grow-0
+sm:flex-nowrap
+sm:flex-row
+sm:flex-row-reverse
+sm:flex-shrink
+sm:flex-shrink-0
+sm:flex-wrap
+sm:flex-wrap-reverse
+sm:gap-0
+sm:gap-2
+sm:gap-4
+sm:gap-6
+sm:gap-8
+sm:gap-x-0
+sm:gap-x-2
+sm:gap-x-4
+sm:gap-x-6
+sm:gap-x-8
+sm:gap-y-0
+sm:gap-y-2
+sm:gap-y-4
+sm:gap-y-6
+sm:gap-y-8
+sm:grid-cols-1
+sm:grid-cols-10
+sm:grid-cols-11
+sm:grid-cols-12
+sm:grid-cols-2
+sm:grid-cols-3
+sm:grid-cols-4
+sm:grid-cols-5
+sm:grid-cols-6
+sm:grid-cols-7
+sm:grid-cols-8
+sm:grid-cols-9
+sm:grid-flow-col
+sm:grid-flow-col-dense
+sm:grid-flow-row
+sm:grid-flow-row-dense
+sm:grid-rows-1
+sm:grid-rows-10
+sm:grid-rows-11
+sm:grid-rows-12
+sm:grid-rows-2
+sm:grid-rows-3
+sm:grid-rows-4
+sm:grid-rows-5
+sm:grid-rows-6
+sm:grid-rows-7
+sm:grid-rows-8
+sm:grid-rows-9
+sm:h-full
+sm:items-baseline
+sm:items-center
+sm:items-end
+sm:items-start
+sm:items-stretch
+sm:justify-around
+sm:justify-between
+sm:justify-center
+sm:justify-end
+sm:justify-evenly
+sm:justify-start
+sm:min-h-0
+sm:min-w-0
+sm:px-0
+sm:px-2
+sm:px-4
+sm:px-6
+sm:px-8
+sm:py-0
+sm:py-2
+sm:py-4
+sm:py-6
+sm:py-8
+sm:w-full
+w-full
+xl:auto-cols-fr
+xl:auto-cols-max
+xl:auto-cols-min
+xl:auto-rows-fr
+xl:auto-rows-max
+xl:auto-rows-min
+xl:basis-0
+xl:basis-16
+xl:basis-24
+xl:basis-32
+xl:basis-8
+xl:flex-col
+xl:flex-col-reverse
+xl:flex-grow
+xl:flex-grow-0
+xl:flex-nowrap
+xl:flex-row
+xl:flex-row-reverse
+xl:flex-shrink
+xl:flex-shrink-0
+xl:flex-wrap
+xl:flex-wrap-reverse
+xl:gap-0
+xl:gap-2
+xl:gap-4
+xl:gap-6
+xl:gap-8
+xl:gap-x-0
+xl:gap-x-2
+xl:gap-x-4
+xl:gap-x-6
+xl:gap-x-8
+xl:gap-y-0
+xl:gap-y-2
+xl:gap-y-4
+xl:gap-y-6
+xl:gap-y-8
+xl:grid-cols-1
+xl:grid-cols-10
+xl:grid-cols-11
+xl:grid-cols-12
+xl:grid-cols-2
+xl:grid-cols-3
+xl:grid-cols-4
+xl:grid-cols-5
+xl:grid-cols-6
+xl:grid-cols-7
+xl:grid-cols-8
+xl:grid-cols-9
+xl:grid-flow-col
+xl:grid-flow-col-dense
+xl:grid-flow-row
+xl:grid-flow-row-dense
+xl:grid-rows-1
+xl:grid-rows-10
+xl:grid-rows-11
+xl:grid-rows-12
+xl:grid-rows-2
+xl:grid-rows-3
+xl:grid-rows-4
+xl:grid-rows-5
+xl:grid-rows-6
+xl:grid-rows-7
+xl:grid-rows-8
+xl:grid-rows-9
+xl:h-full
+xl:items-baseline
+xl:items-center
+xl:items-end
+xl:items-start
+xl:items-stretch
+xl:justify-around
+xl:justify-between
+xl:justify-center
+xl:justify-end
+xl:justify-evenly
+xl:justify-start
+xl:min-h-0
+xl:min-w-0
+xl:px-0
+xl:px-2
+xl:px-4
+xl:px-6
+xl:px-8
+xl:py-0
+xl:py-2
+xl:py-4
+xl:py-6
+xl:py-8
+xl:w-full

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -43,6 +43,10 @@
       "types": "./dist/lab.d.ts",
       "import": "./dist/lab.js"
     },
+    "./passwordRules": {
+      "types": "./dist/passwordRules.d.ts",
+      "import": "./dist/passwordRules.js"
+    },
     "./layouts": "./dist/layouts.manifest.json",
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
@@ -75,7 +79,7 @@
     "@rsbuild/plugin-solid": "^1.2.1",
     "@rslib/core": "^0.22.0",
     "@solidjs/h": "^2.0.0-rc.0",
-    "@solidjs/web": "next",
+    "@solidjs/web": "2.0.0-rc.4",
     "@standard-schema/spec": "^1.1.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@types/bun": "^1.3.14",
@@ -87,14 +91,15 @@
     "postcss-cli": "^11.0.1",
     "postcss-selector-parser": "^7.1.1",
     "rsbuild-plugin-solid-layouts": "^0.2.1",
-    "solid-js": "next",
-    "solid-layouts": "^0.2.3",
+    "solid-js": "2.0.0-rc.4",
+    "solid-layouts": "^0.2.4",
     "solid-layouts-oxc": "^0.2.3",
     "svgo": "^3.3.3",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3"
   },
   "overrides": {
+    "@solidjs/signals": "2.0.0-rc.4",
     "babel-preset-solid": "^2.0.0-rc.0"
   },
   "dependencies": {
@@ -106,7 +111,7 @@
     "@solidjs/web": ">=2.0.0-rc.0",
     "popmotion": "^11.0.5",
     "solid-js": ">=2.0.0-rc.0",
-    "solid-layouts": "^0.2.0"
+    "solid-layouts": "^0.2.4"
   },
   "peerDependenciesMeta": {
     "@standard-schema/spec": {