@matthiaskrijgsman/mat-ui 0.0.50 → 0.0.52

package/dist/components/inputs/InputSelectDrilldown.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import type { ControlSize } from "@/control-size/control-size.util.ts";
+export type SelectDrilldownApi = {
+    /** Dismisses the popover — call after committing a leaf selection. */
+    close: () => void;
+};
+export type InputSelectDrilldownProps = {
+    id?: string;
+    className?: string;
+    label?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    error?: string | React.ReactNode;
+    size?: ControlSize;
+    disabled?: boolean;
+    clearable?: boolean;
+    placeholder?: string | React.ReactNode;
+    /** Whether a value is selected — drives the clear button + trigger padding. */
+    hasValue?: boolean;
+    /** Rendered inside the trigger for the current selection. */
+    valueLabel?: React.ReactNode;
+    onClear?: () => void;
+    minWidth?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    /**
+     * Root-level menu content. Rendered inside the drilldown navigator, so it (and
+     * anything it drills into via {@link DropdownDrilldown}) slides between levels.
+     * Pass a function to receive `{ close }` for dismissing after a leaf pick.
+     */
+    children: React.ReactNode | ((api: SelectDrilldownApi) => React.ReactNode);
+};
+/**
+ * A single-select control whose menu is a sliding drilldown rather than a flat
+ * option list — for hierarchies too large or too lazy to flatten up front. It
+ * owns the (shared) {@link SelectTrigger}, popover, and {@link DropdownNavigator};
+ * the consumer supplies the level content and uses {@link DropdownDrilldown} for
+ * rows that descend a level. The current value is opaque to this component — pass
+ * `valueLabel` for the trigger and `hasValue`/`onClear` for clearing.
+ */
+export declare const InputSelectDrilldown: (props: InputSelectDrilldownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SelectTrigger.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { ControlSize } from "@/control-size/control-size.util.ts";
+export type SelectTriggerProps = {
+    /** Overrides the size from `ControlSizeContext` when set. */
+    size?: ControlSize;
+    open?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    /** Whether a value is selected — drives the clear button and right padding. */
+    hasValue?: boolean;
+    /** Rendered when a value is selected. */
+    selectedLabel?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    onClear?: () => void;
+    showChevron?: boolean;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>;
+/**
+ * The shared trigger surface for the select family (`InputSelect`,
+ * `InputSelectSearchable`, `InputSelectDrilldown`): the bordered control box that
+ * shows the current selection (or placeholder) plus the icon-button tray (error
+ * icon, optional clear, chevron). Extracted so every select-like control shares
+ * exactly the same sizing and styling. Interaction props (role, tabIndex,
+ * onClick, onKeyDown, floating-ui reference props) are spread onto the box, and
+ * the forwarded ref lands on it.
+ */
+export declare const SelectTrigger: React.ForwardRefExoticComponent<{
+    /** Overrides the size from `ControlSizeContext` when set. */
+    size?: ControlSize;
+    open?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    /** Whether a value is selected — drives the clear button and right padding. */
+    hasValue?: boolean;
+    /** Rendered when a value is selected. */
+    selectedLabel?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    onClear?: () => void;
+    showChevron?: boolean;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & React.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -34,6 +34,8 @@ export { lexicalTheme, LEXICAL_NODES } from "./components/inputs/input-lexical/l
 export { InputSelectNative } from "./components/inputs/InputSelectNative.tsx";
 export { InputSelect } from "./components/inputs/InputSelect.tsx";
 export { InputSelectSearchable } from "./components/inputs/InputSelectSearchable.tsx";
+export { InputSelectDrilldown } from "./components/inputs/InputSelectDrilldown.tsx";
+export { SelectTrigger } from "./components/inputs/SelectTrigger.tsx";
 export { InputSelectSearchableAsync } from "./components/inputs/InputSelectSearchableAsync.tsx";
 export { InputSelectMultiple } from "./components/inputs/InputSelectMultiple.tsx";
 export { InputSelectOption } from "./components/inputs/InputSelectOption.tsx";