@crewlethq/ui 0.12.0 → 0.14.0

package/dist/utils/highlight.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+/** Where a match is looked for first: the start of the text, or the start of any word in it. */
+export type MatchPreference = 'start' | 'word';
+/**
+ * Where `query` matches in `text`, ignoring case: first where `prefer` asks
+ * (the start of the text, or the start of a word), then anywhere. `null` for
+ * no match, an empty query, or text whose lowercase form is a different
+ * length, where an index into one would point at the wrong letters of the
+ * other.
+ */
+export declare function findMatch(text: string, query: string, prefer: MatchPreference): readonly [number, number] | null;
+/**
+ * The text with the letters `query` matched drawn bold, in a `<b>` of the
+ * given class. The words are unchanged, so what a screen reader reads and what
+ * a find in page finds are the text itself.
+ */
+export declare function highlightMatch(text: string, query: string | undefined, prefer: MatchPreference, className: string): ReactNode;

package/dist/utils/useMediaMatch.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Whether a media query matches now, and again whenever that changes.
+ *
+ * ONE COPY FOR THE PACKAGE. The shell reads it to decide where its rail goes
+ * and the switcher to decide whether it opens as a sheet; two copies of the
+ * subscription would be two answers to "is this a phone" that can disagree for
+ * a frame while a window is resized.
+ *
+ * On the server, and in a browser without `matchMedia`, the answer is `false`:
+ * the wide layout is the one that needs no JavaScript to be usable.
+ */
+export declare function useMediaMatch(query: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.12.0",
-    "@crewlethq/tokens": "0.12.0"
+    "@crewlethq/icons": "0.14.0",
+    "@crewlethq/tokens": "0.14.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/chunk-UAQIUSSK.js

@@ -1,2 +0,0 @@
-import './Tabs-5I5Q5KKM.css';
-import './SegmentedControl-76HODRBT.css';