use-wc 1.0.0-pre.24 → 1.0.0-pre.26

package/custom-elements.json

@@ -96,6 +96,34 @@
             {
               "description": "A disabled date cell",
               "name": "day-disabled"
+            },
+            {
+              "description": "The clickable button wrapping the month/year title",
+              "name": "title-button"
+            },
+            {
+              "description": "The scrollable month/year picker panel (replaces grid when open)",
+              "name": "picker"
+            },
+            {
+              "description": "Container for one year's label and month grid",
+              "name": "picker-year-section"
+            },
+            {
+              "description": "The year heading inside a year section",
+              "name": "picker-year-label"
+            },
+            {
+              "description": "The 4-column month grid inside a year section",
+              "name": "picker-months"
+            },
+            {
+              "description": "An individual month button",
+              "name": "picker-month"
+            },
+            {
+              "description": "Applied to the currently selected month button",
+              "name": "picker-month-current"
             }
           ],
           "slots": [

package/dist/elements/use-calendar/use-calendar.d.ts

@@ -32,6 +32,13 @@ export type UseCalendarRenderDay = (data: {
  * @csspart day-selected - A selected day cell
  * @csspart day-today - The current date cell
  * @csspart day-disabled - A disabled date cell
+ * @csspart title-button - The clickable button wrapping the month/year title
+ * @csspart picker - The scrollable month/year picker panel (replaces grid when open)
+ * @csspart picker-year-section - Container for one year's label and month grid
+ * @csspart picker-year-label - The year heading inside a year section
+ * @csspart picker-months - The 4-column month grid inside a year section
+ * @csspart picker-month - An individual month button
+ * @csspart picker-month-current - Applied to the currently selected month button
  */
 export declare class UseCalendar extends LitElement {
     #private;
@@ -58,6 +65,7 @@ export declare class UseCalendar extends LitElement {
     end?: string;
     constructor();
     connectedCallback(): void;
+    disconnectedCallback(): void;
     firstUpdated(): void;
     get value(): string;
     set value(value: string[] | string);

package/dist/elements/use-calendar/use-calendar.stories.d.ts

@@ -134,3 +134,9 @@ export declare const WeekSelectionLocale: StoryObj<UseCalendar>;
  */
 export declare const WeekSelectionMinMax: StoryObj<UseCalendar>;
 export declare const CustomStyles: StoryObj<UseCalendar>;
+/**
+ * Clicking the month/year title opens an inline scrollable picker.
+ * Each year has its own section with a 4-column month grid. Selecting a month
+ * from any year navigates directly to that month and year.
+ */
+export declare const MonthYearPicker: StoryObj<UseCalendar>;

package/dist/elements/use-tree/use-tree.d.ts

@@ -27,6 +27,7 @@ export declare class UseTree extends LitElement {
     get activeOption(): UseTreeitem | null;
     set activeOption(option: UseTreeitem | null);
     firstUpdated(): void;
+    updated(): void;
     set value(value: string[] | string);
     get value(): FormData;
     lazyQueryItems(): UseTreeitem[];

package/dist/elements/use-treeitem/use-treeitem.d.ts

@@ -25,6 +25,7 @@ export declare class UseTreeitem extends LitElement {
     toggleSelected(): void;
     toggle(): void;
     firstUpdated(): void;
+    updated(): void;
     render(): import('lit-html').TemplateResult<1>;
     /**
      * Consumers will need to override the `::after` pseudo-element if they want