@foldkit/ui 0.159.0 → 0.160.0-canary.1863b929fe7e

package/dist/datePicker/index.d.ts

@@ -35,6 +35,77 @@ export declare const Model: Schema.Struct<{
             readonly shortMonthNames: Schema.Tuple<readonly [Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String]>;
             readonly dayNames: Schema.Tuple<readonly [Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String]>;
             readonly shortDayNames: Schema.Tuple<readonly [Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String, Schema.String]>;
+            readonly longFormat: Schema.NonEmptyArray<import("foldkit/schema").TaggedUnion<{
+                readonly MonthName: {};
+                readonly ShortMonthName: {};
+                readonly MonthNumber: {};
+                readonly PaddedMonthNumber: {};
+                readonly DayNumber: {};
+                readonly PaddedDayNumber: {};
+                readonly DayName: {};
+                readonly ShortDayName: {};
+                readonly YearNumber: {};
+                readonly LiteralText: {
+                    text: Schema.String;
+                };
+            }>>;
+            readonly shortFormat: Schema.NonEmptyArray<import("foldkit/schema").TaggedUnion<{
+                readonly MonthName: {};
+                readonly ShortMonthName: {};
+                readonly MonthNumber: {};
+                readonly PaddedMonthNumber: {};
+                readonly DayNumber: {};
+                readonly PaddedDayNumber: {};
+                readonly DayName: {};
+                readonly ShortDayName: {};
+                readonly YearNumber: {};
+                readonly LiteralText: {
+                    text: Schema.String;
+                };
+            }>>;
+            readonly ariaLabelFormat: Schema.NonEmptyArray<import("foldkit/schema").TaggedUnion<{
+                readonly MonthName: {};
+                readonly ShortMonthName: {};
+                readonly MonthNumber: {};
+                readonly PaddedMonthNumber: {};
+                readonly DayNumber: {};
+                readonly PaddedDayNumber: {};
+                readonly DayName: {};
+                readonly ShortDayName: {};
+                readonly YearNumber: {};
+                readonly LiteralText: {
+                    text: Schema.String;
+                };
+            }>>;
+            readonly monthYearFormat: Schema.NonEmptyArray<Schema.Union<readonly [Schema.TaggedStruct<"MonthName", {}> & ((value?: void | {
+                readonly _tag?: "MonthName";
+            } | undefined) => {
+                readonly _tag: "MonthName";
+            }), Schema.TaggedStruct<"ShortMonthName", {}> & ((value?: void | {
+                readonly _tag?: "ShortMonthName";
+            } | undefined) => {
+                readonly _tag: "ShortMonthName";
+            }), Schema.TaggedStruct<"MonthNumber", {}> & ((value?: void | {
+                readonly _tag?: "MonthNumber";
+            } | undefined) => {
+                readonly _tag: "MonthNumber";
+            }), Schema.TaggedStruct<"PaddedMonthNumber", {}> & ((value?: void | {
+                readonly _tag?: "PaddedMonthNumber";
+            } | undefined) => {
+                readonly _tag: "PaddedMonthNumber";
+            }), Schema.TaggedStruct<"YearNumber", {}> & ((value?: void | {
+                readonly _tag?: "YearNumber";
+            } | undefined) => {
+                readonly _tag: "YearNumber";
+            }), Schema.TaggedStruct<"LiteralText", {
+                readonly text: Schema.String;
+            }> & ((value: {
+                readonly _tag?: "LiteralText";
+                readonly text: string;
+            }) => {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            })]>>;
         }>;
         readonly maybeMinDate: Schema.Option<Schema.Struct<{
             readonly year: Schema.Int;
@@ -214,6 +285,162 @@ export declare const update: (model: Model, message: Message) => Readonly<{
                 readonly shortMonthNames: readonly [string, string, string, string, string, string, string, string, string, string, string, string];
                 readonly dayNames: readonly [string, string, string, string, string, string, string];
                 readonly shortDayNames: readonly [string, string, string, string, string, string, string];
+                readonly longFormat: readonly [{
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                }, ...({
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                })[]];
+                readonly shortFormat: readonly [{
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                }, ...({
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                })[]];
+                readonly ariaLabelFormat: readonly [{
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                }, ...({
+                    readonly _tag: "DayName";
+                } | {
+                    readonly _tag: "DayNumber";
+                } | {
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedDayNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortDayName";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                })[]];
+                readonly monthYearFormat: readonly [{
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                }, ...({
+                    readonly _tag: "MonthName";
+                } | {
+                    readonly _tag: "MonthNumber";
+                } | {
+                    readonly _tag: "PaddedMonthNumber";
+                } | {
+                    readonly _tag: "ShortMonthName";
+                } | {
+                    readonly _tag: "YearNumber";
+                } | {
+                    readonly _tag: "LiteralText";
+                    readonly text: string;
+                })[]];
             };
             readonly maybeMinDate: Option.Option<{
                 readonly year: number;
@@ -408,7 +635,7 @@ export declare const triggerId: (id: string) => string;
  *  The DatePicker emits a `SelectedDate({ date })` OutMessage when the
  *  user commits a date. Handle it in the `foldOutMessage` of the
  *  DatePicker's `Update.foldChild` config to lift the date into domain
- *  state. */
+ *  state. Calendar label fields are forwarded to the embedded Calendar. */
 export type ViewInputs = Readonly<{
     anchor: AnchorConfig;
     /** The selected date, read straight from the parent Model. The trigger
@@ -437,7 +664,7 @@ export type ViewInputs = Readonly<{
     panelAttributes?: ReadonlyArray<ChildAttribute>;
     backdropClassName?: string;
     backdropAttributes?: ReadonlyArray<ChildAttribute>;
-}>;
+}> & UiCalendar.ViewLabels;
 /** Renders an accessible date picker: a trigger button that opens a popover
  * containing an accessible calendar grid. The date picker assembles the
  * embedded Calendar and Popover components into one flat API. Consumers
@@ -467,6 +694,162 @@ export declare const view: import("foldkit/submodel").View<{
             readonly shortMonthNames: readonly [string, string, string, string, string, string, string, string, string, string, string, string];
             readonly dayNames: readonly [string, string, string, string, string, string, string];
             readonly shortDayNames: readonly [string, string, string, string, string, string, string];
+            readonly longFormat: readonly [{
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            }, ...({
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            })[]];
+            readonly shortFormat: readonly [{
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            }, ...({
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            })[]];
+            readonly ariaLabelFormat: readonly [{
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            }, ...({
+                readonly _tag: "DayName";
+            } | {
+                readonly _tag: "DayNumber";
+            } | {
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedDayNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortDayName";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            })[]];
+            readonly monthYearFormat: readonly [{
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            }, ...({
+                readonly _tag: "MonthName";
+            } | {
+                readonly _tag: "MonthNumber";
+            } | {
+                readonly _tag: "PaddedMonthNumber";
+            } | {
+                readonly _tag: "ShortMonthName";
+            } | {
+                readonly _tag: "YearNumber";
+            } | {
+                readonly _tag: "LiteralText";
+                readonly text: string;
+            })[]];
         };
         readonly maybeMinDate: Option.Option<{
             readonly year: number;
@@ -597,34 +980,6 @@ export declare const view: import("foldkit/submodel").View<{
         readonly month: number;
         readonly day: number;
     };
-}, Readonly<{
-    anchor: AnchorConfig;
-    /** The selected date, read straight from the parent Model. The trigger
-     * content, the calendar's selected-day marker, and the hidden form input all
-     * derive from it. */
-    maybeSelectedDate: Option.Option<CalendarDate>;
-    /** Renders the trigger button's content (typically the formatted selected
-     * date or a placeholder). Receives the current selection. */
-    triggerContent: (maybeDate: Option.Option<CalendarDate>) => Html;
-    /** Renders the calendar grid layout inside the popover panel. The
-     * consumer lays out the attribute bundles exactly as they would for
-     * an inline calendar. */
-    toCalendarView: (attributes: UiCalendar.CalendarAttributes) => Html;
-    isDisabled?: boolean;
-    /** Name for the hidden form input. When provided, a hidden `<input>` is
-     * rendered alongside the trigger so native form submission captures the
-     * selected date as an ISO string (`YYYY-MM-DD`). */
-    name?: string;
-    className?: string;
-    attributes?: ReadonlyArray<ChildAttribute>;
-    triggerClassName?: string;
-    triggerAttributes?: ReadonlyArray<ChildAttribute>;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    panelClassName?: string;
-    panelAttributes?: ReadonlyArray<ChildAttribute>;
-    backdropClassName?: string;
-    backdropAttributes?: ReadonlyArray<ChildAttribute>;
-}>>;
+}, ViewInputs>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/datePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/datePicker/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/datePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAa,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGxD,OAAO,EAAE,KAAK,OAAO,EAAc,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,UAAU,MAAM,sBAAsB,CAAA;AAMlD;;;;wBAIwB;AACxB,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,mEAAmE;AACnE,eAAO,MAAM,OAAO;;QACI,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QACR,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QACL,IAAI;;;;;;;;;EAI3B,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,yDAAyD;AACzD,eAAO,MAAM,UAAU;;QAEnB,IAAI;QACJ,KAAK;;;QAES,IAAI;;;;;;;EAEpB,CAAA;AACF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAE/C,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAA;AACtE,MAAM,MAAM,YAAY,GAAG,OAAO,UAAU,CAAC,YAAY,CAAC,IAAI,CAAA;AAC9D,MAAM,MAAM,WAAW,GAAG,OAAO,UAAU,CAAC,WAAW,CAAC,IAAI,CAAA;AAI5D,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,YAAY,CAAA;IACnB,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAA;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,kBAAkB,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACtD,aAAa,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAC5C,CAAC,CAAA;AAEF;;;;;gBAKgB;AAChB,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAuBxC,CAAA;AAIF,KAAK,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;AA6E3E;4CAC4C;AAC5C,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAejD,CAAA;AAEJ;qEACqE;AACrE,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,YACH,CAAA;AAEjC,kFAAkF;AAClF,eAAO,MAAM,KAAK,UAAW,KAAK,KAAG,YACJ,CAAA;AAEjC,sJAAsJ;AACtJ,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,YAAY,KAAG,YACR,CAAA;AAEtD,iDAAiD;AACjD,eAAO,MAAM,KAAK,UAAW,KAAK,KAAG,YACH,CAAA;AAElC;;;;4EAI4E;AAC5E,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,CAMlD,CAAA;AAED;;;;;;;uEAOuE;AACvE,eAAO,MAAM,cAAc,EAAE,OAAO,CAClC,KAAK,EACL,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAO5B,CAAA;AAED;;gBAEgB;AAChB,eAAO,MAAM,cAAc,EAAE,OAAO,CAClC,KAAK,EACL,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAO5B,CAAA;AAED;;gBAEgB;AAChB,eAAO,MAAM,oBAAoB,EAAE,OAAO,CACxC,KAAK,EACL,aAAa,CAAC,YAAY,CAAC,CAQ5B,CAAA;AAED;;wBAEwB;AACxB,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAC7C,KAAK,EACL,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAclC,CAAA;AAID;;;;yCAIyC;AACzC,eAAO,MAAM,SAAS,OAAQ,MAAM,KAAG,MAAgC,CAAA;AAMvE;;;;;2EAK2E;AAC3E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,YAAY,CAAA;IACpB;;yBAEqB;IACrB,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAC9C;iEAC6D;IAC7D,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IAChE;;6BAEyB;IACzB,cAAc,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;wDAEoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CACnD,CAAC,GACA,UAAU,CAAC,UAAU,CAAA;AAEvB;;;;gEAIgE;AAChE,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiJhB,CAAA"}

package/dist/datePicker/index.js

@@ -208,11 +208,47 @@ export const view = defineView((model, viewInputs, h) => {
         }
     };
     const triggerLabelAttributes = resolveTriggerLabel();
+    const calendarViewLabels = {
+        ...(viewInputs.previousMonthLabel !== undefined && {
+            previousMonthLabel: viewInputs.previousMonthLabel,
+        }),
+        ...(viewInputs.nextMonthLabel !== undefined && {
+            nextMonthLabel: viewInputs.nextMonthLabel,
+        }),
+        ...(viewInputs.previousYearsPageLabel !== undefined && {
+            previousYearsPageLabel: viewInputs.previousYearsPageLabel,
+        }),
+        ...(viewInputs.nextYearsPageLabel !== undefined && {
+            nextYearsPageLabel: viewInputs.nextYearsPageLabel,
+        }),
+        ...(viewInputs.daysHeadingButtonLabel !== undefined && {
+            daysHeadingButtonLabel: viewInputs.daysHeadingButtonLabel,
+        }),
+        ...(viewInputs.monthsHeadingButtonLabel !== undefined && {
+            monthsHeadingButtonLabel: viewInputs.monthsHeadingButtonLabel,
+        }),
+        ...(viewInputs.toDaysGridLabel !== undefined && {
+            toDaysGridLabel: viewInputs.toDaysGridLabel,
+        }),
+        ...(viewInputs.toWeekLabel !== undefined && {
+            toWeekLabel: viewInputs.toWeekLabel,
+        }),
+        ...(viewInputs.toMonthsGridLabel !== undefined && {
+            toMonthsGridLabel: viewInputs.toMonthsGridLabel,
+        }),
+        ...(viewInputs.toYearsGridLabel !== undefined && {
+            toYearsGridLabel: viewInputs.toYearsGridLabel,
+        }),
+    };
     const calendarVNode = h.submodel({
         slotId: model.calendar.id,
         model: model.calendar,
         view: UiCalendar.view,
-        viewInputs: { maybeSelectedDate, toView: toCalendarView },
+        viewInputs: {
+            maybeSelectedDate,
+            toView: toCalendarView,
+            ...calendarViewLabels,
+        },
         toParentMessage: message => __foldkitBrandViewResult((Message.GotCalendarMessage({ message })), "@foldkit/ui/datePicker/index.js#toParentMessage~3"),
     });
     const popoverVNode = h.submodel({

package/dist/disclosure/index.d.ts

@@ -22,8 +22,21 @@ export type DisclosureAttributes<Message> = Readonly<{
      *  disclosure opens and closes. The panel stays mounted while collapsed, so
      *  the transition has something to animate from and to. Spread the `panel`
      *  bundle onto the element you pass in, and render it unconditionally rather
-     *  than gating on `isOpen`. The collapsed content is marked `aria-hidden`. */
-    animatePanel: (content: Html) => Html;
+     *  than gating on `isOpen`.
+     *
+     *  Without options the collapsed panel is fully hidden. With `peek`, it keeps
+     *  that height as a visual preview of its content. In either case, the
+     *  collapsed content is inert and hidden from assistive technology until the
+     *  disclosure opens. */
+    animatePanel: (content: Html, options?: AnimatePanelOptions) => Html;
+}>;
+/** Options for {@link DisclosureAttributes.animatePanel}.
+ *
+ *  - `peek`: a CSS height the collapsed panel keeps, such as `'7.5em'` for
+ *    five lines at a 1.5 leading. The visible content is an inert preview;
+ *    content becomes accessible and interactive when the disclosure opens. */
+export type AnimatePanelOptions = Readonly<{
+    peek?: string;
 }>;
 /** Per-render view configuration for the stateless controlled {@link view}.
  *  Generic over `Message` (the message `onToggle` dispatches).

package/dist/disclosure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,OAAQ,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;kFAK8E;IAC9E,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;UAsBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IAiFF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE;;;mCAGmC;AACnC,eAAO,MAAM,QAAQ,OAAQ,MAAM,KAAG,MAAwB,CAAA;AAM9D;;;;;;;;;sEASsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC;IACnD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC;;;;;;;;;;4BAUwB;IACxB,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACrE,CAAC,CAAA;AAEF;;;;8EAI8E;AAC9E,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF;;;;;;;;;;oBAUoB;AACpB,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;UAsBU;AACV,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IA0FF,CAAA"}

package/dist/disclosure/index.js

@@ -69,19 +69,25 @@ export const view = (config, h) => {
         h.Id(panelId(id)),
         ...(isOpen ? [h.DataAttribute('open', '')] : []),
     ];
-    const animatePanel = (content) => __foldkitBrandViewResult((h.div([
-        h.Style({
-            display: 'grid',
-            gridTemplateRows: isOpen ? '1fr' : '0fr',
-            transition: panelSizeTransition,
-            overflow: 'hidden',
-        }),
-    ], [
-        h.div([
-            h.Style({ minHeight: '0px', overflow: 'hidden' }),
-            ...(isOpen ? [] : [h.AriaHidden(true)]),
-        ], [content]),
-    ])), "@foldkit/ui/disclosure/index.js#animatePanel");
+    const animatePanel = (content, options = {}) => {
+        const collapsedMinHeight = options.peek ?? '0px';
+        return __foldkitBrandViewResult((h.div([
+            h.Style({
+                display: 'grid',
+                gridTemplateRows: isOpen ? '1fr' : '0fr',
+                transition: panelSizeTransition,
+                overflow: 'hidden',
+            }),
+        ], [
+            h.div([
+                h.Style({
+                    minHeight: collapsedMinHeight,
+                    overflow: 'hidden',
+                }),
+                ...(isOpen ? [] : [h.Inert(true), h.AriaHidden(true)]),
+            ], [content]),
+        ])), "@foldkit/ui/disclosure/index.js#animatePanel");
+    };
     return __foldkitBrandViewResult((toView({
         button: buttonAttributes,
         panel: panelAttributes,

package/dist/disclosure/public.d.ts

@@ -1,3 +1,3 @@
 export { view, buttonId } from './index.js';
-export type { ViewConfig, DisclosureAttributes } from './index.js';
+export type { ViewConfig, DisclosureAttributes, AnimatePanelOptions, } from './index.js';
 //# sourceMappingURL=public.d.ts.map

package/dist/disclosure/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,EACV,UAAU,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,YAAY,CAAA"}

package/dist/dragAndDrop/index.js

@@ -389,30 +389,23 @@ export const subscriptions = Subscription.make()(entry => (__foldkitBrandViewRes
         modelToDependencies: model => (__foldkitBrandViewResult(({
             dragActivity: keyboardDragActivityFromModel(model),
         }), "@foldkit/ui/dragAndDrop/index.js#modelToDependencies~3")),
-        dependenciesToStream: ({ dragActivity }) => __foldkitBrandViewResult((Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.mapEffect((event) => __foldkitBrandViewResult((Effect.sync(() => {
-            // NOTE: the draggable's OnKeyDownPreventDefault calls preventDefault on
-            // the Space that activates keyboard drag. Skip it here so the same
-            // keypress doesn't also confirm the drop in the same tick.
-            if (event.defaultPrevented) {
-                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#anonymous~51");
-            }
-            if (event.key === 'Tab') {
-                event.preventDefault();
-                return __foldkitBrandViewResult((Option.some(Message.PressedArrowKey({
+        dependenciesToStream: ({ dragActivity }) => __foldkitBrandViewResult((Stream.when(Subscription.fromEventFilterMapPreventDefault({
+            target: document,
+            type: 'keydown',
+            toMessage: event => {
+                // NOTE: the draggable's OnKeyDownPreventDefault calls preventDefault on
+                // the Space that activates keyboard drag. Skip it here so the same
+                // keypress doesn't also confirm the drop in the same tick.
+                if (event.defaultPrevented) {
+                    return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#toMessage");
+                }
+                return __foldkitBrandViewResult((Match.value(event.key).pipe(Match.withReturnType(), Match.when('Tab', () => __foldkitBrandViewResult((Option.some(Message.PressedArrowKey({
                     direction: event.shiftKey
                         ? 'PreviousContainer'
                         : 'NextContainer',
-                }))), "@foldkit/ui/dragAndDrop/index.js#anonymous~51");
-            }
-            if (event.key === ' ' || event.key === 'Enter') {
-                event.preventDefault();
-                return __foldkitBrandViewResult((Option.some(Message.ConfirmedKeyboardDrop())), "@foldkit/ui/dragAndDrop/index.js#anonymous~51");
-            }
-            return __foldkitBrandViewResult((Option.map(arrowKeyToDirection(event.key), direction => {
-                event.preventDefault();
-                return __foldkitBrandViewResult((Message.PressedArrowKey({ direction })), "@foldkit/ui/dragAndDrop/index.js#anonymous~52");
-            })), "@foldkit/ui/dragAndDrop/index.js#anonymous~51");
-        })), "@foldkit/ui/dragAndDrop/index.js#anonymous~50")), Stream.filter(Option.isSome), Stream.map(option => __foldkitBrandViewResult((option.value), "@foldkit/ui/dragAndDrop/index.js#anonymous~53"))), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~54")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream~3"),
+                }))), "@foldkit/ui/dragAndDrop/index.js#anonymous~50")), Match.whenOr(' ', 'Enter', () => __foldkitBrandViewResult((Option.some(Message.ConfirmedKeyboardDrop())), "@foldkit/ui/dragAndDrop/index.js#anonymous~51")), Match.orElse(key => __foldkitBrandViewResult((Option.map(arrowKeyToDirection(key), direction => __foldkitBrandViewResult((Message.PressedArrowKey({ direction })), "@foldkit/ui/dragAndDrop/index.js#anonymous~53"))), "@foldkit/ui/dragAndDrop/index.js#anonymous~52")))), "@foldkit/ui/dragAndDrop/index.js#toMessage");
+            },
+        }), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~54")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream~3"),
     }),
     autoScroll: entry({
         isDragging: Schema.Boolean,