@leonardaustin/ui 0.14.0 → 0.16.0

package/dist/lib/typeahead.d.ts

@@ -0,0 +1,35 @@
+/** How long (ms) a pause ends a typeahead search and starts a new one. */
+export declare const TYPEAHEAD_RESET_MS = 500;
+/** The text typed so far and when the last character arrived. */
+export interface TypeaheadState {
+    text: string;
+    at: number;
+}
+export declare const EMPTY_TYPEAHEAD: TypeaheadState;
+/** Current time for typeahead; kept out of components so render stays pure. */
+export declare function typeaheadNow(): number;
+/** True for a key that adds to a search: one printable character, no shortcut modifier. */
+export declare function isTypeaheadKey(event: {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    altKey: boolean;
+    getModifierState?: (key: "AltGraph") => boolean;
+}): boolean;
+/** Whether a search is in progress at `at` (non-empty and not timed out). */
+export declare function isTypeaheadActive(state: TypeaheadState, at: number): boolean;
+/** The state after typing `char` at `at`; a stale search starts over. */
+export declare function appendTypeahead(state: TypeaheadState, char: string, at: number): TypeaheadState;
+/**
+ * The index of the item a search lands on, or -1 for none. Matching is a
+ * case-insensitive prefix test on the trimmed label, and disabled items are
+ * skipped.
+ *
+ * A single character, or the same character typed repeatedly, searches
+ * forward from the item after `current` and wraps, so repeating a letter
+ * cycles through the items that start with it. A longer search starts at
+ * `current` itself, so refining it keeps the current item when it still
+ * matches.
+ */
+export declare function findTypeaheadMatch(labels: readonly string[], isDisabled: (index: number) => boolean, current: number, query: string): number;
+//# sourceMappingURL=typeahead.d.ts.map

package/dist/lib/typeahead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/lib/typeahead.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,eAAe,EAAE,cAAoC,CAAC;AAEnE,+EAA+E;AAC/E,wBAAgB,YAAY,WAE3B;AAED,2FAA2F;AAC3F,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;CACjD,WAOA;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,WAElE;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,cAAc,CAGhB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EACtC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,MAAM,CAiBR"}

package/dist/styles.css

@@ -2048,6 +2048,23 @@ button.ui-sized-control[data-control-size="comfortable"] {
 select.ui-sized-control[data-control-size="comfortable"] {
   padding-inline-end: 2.25rem;
 }
+.ui-select-placeholder {
+  left: calc(var(--spacing) * 2);
+  right: calc(var(--spacing) * 7);
+  font-size: 0.75rem;
+}
+[data-control-size="compact"] > .ui-select-placeholder {
+  left: var(--ui-control-padding-x, calc(var(--spacing) * 2));
+  font-size: var(--ui-control-font-size, 0.75rem);
+}
+[data-control-size="comfortable"] > .ui-select-placeholder {
+  left: 0.75rem;
+  right: 2.25rem;
+  font-size: 1rem;
+}
+select:disabled + .ui-select-placeholder {
+  opacity: 0.4;
+}
 .ui-password-input[data-control-size="comfortable"] {
   padding-inline-end: 44px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leonardaustin/ui",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Reusable React component library and application shell for Leonard Austin projects.",
   "license": "MIT",
   "type": "module",