@charcuterie/ui 3.29.0 → 3.29.1

package/dist/SearchInput/SearchInput.d.ts

@@ -1,5 +1,6 @@
 import type { ControlSize } from "@charcuterie/tokens";
 import { type ComponentPropsWithRef, type ReactNode } from "react";
+export type SearchInputSize = Exclude<ControlSize, "sm">;
 export type SearchInputProps = Omit<ComponentPropsWithRef<"input">, "size" | "type"> & {
     /** The app-owned glyph inside the clear button. */
     clearIcon: ReactNode;
@@ -7,7 +8,8 @@ export type SearchInputProps = Omit<ComponentPropsWithRef<"input">, "size" | "ty
     /** Override value-derived visibility for an uncontrolled input. */
     isClearVisible?: boolean;
     onClear: () => void;
-    size?: ControlSize;
+    /** Search and clear targets are never smaller than the medium control size. */
+    size?: SearchInputSize;
 };
 /**
  * A search field whose clear affordance is a real, labelled icon

package/dist/SearchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAed,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,mDAAmD;IACnD,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GAAI,8GAWzB,gBAAgB,KAAG,SAmDrB,CAAA"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AASd,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;AAOxD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,mDAAmD;IACnD,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GAAI,8GAWzB,gBAAgB,KAAG,SAmDrB,CAAA"}

package/dist/SearchInput/SearchInput.js

@@ -4,7 +4,6 @@ import { IconButton } from "../IconButton/IconButton.js";
 import { DISABLED_CLASS, FOCUS_RING_CLASS, } from "../intentStyles.js";
 import { toClassName } from "../toClassName.js";
 const INPUT_SIZE_CLASS = {
-    sm: "h-(--control-height-sm) ps-(--control-padding-inline-sm) pe-(--control-height-sm) text-sm",
     md: "h-(--control-height-md) ps-(--control-padding-inline-md) pe-(--control-height-md) text-md",
     lg: "h-(--control-height-lg) ps-(--control-padding-inline-lg) pe-(--control-height-lg) text-lg",
 };

package/dist/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,MAAM,GACP,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AACzD,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,gBAAgB,GAAgC;IACpD,EAAE,EAAE,2FAA2F;IAC/F,EAAE,EAAE,2FAA2F;IAC/F,EAAE,EAAE,2FAA2F;CAChG,CAAA;AAeD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,UAAU,GAAG,cAAc,EAC3B,YAAY,EACZ,cAAc,EACd,OAAO,EACP,GAAG,EACH,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,UAAU,EACI,EAAa,EAAE;IAChC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,QAAQ,GACZ,cAAc;QACd,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAEhD,MAAM,WAAW,GAAG,CAAC,IAA6B,EAAE,EAAE;QACpD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QAEvB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAA;aACnC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,gBACE,SAAS,EAAE,WAAW,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAEnD,mBACM,UAAU,EACd,SAAS,EAAE,WAAW,CACpB,+TAA+T,EAC/T,gBAAgB,CAAC,IAAI,CAAC,EACtB,gBAAgB,EAChB,cAAc,CACf,EACD,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,GACZ,EAED,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,4CAA4C,YAC1D,KAAC,UAAU,IACT,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,EAAE,CAAA;wBACT,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;oBAC3B,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CACvB,KAAK,CAAC,cAAc,EAAE,EAExB,IAAI,EAAE,IAAI,YAET,SAAS,GACC,GACR,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,MAAM,GACP,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AACzD,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,gBAAgB,GAAoC;IACxD,EAAE,EAAE,2FAA2F;IAC/F,EAAE,EAAE,2FAA2F;CAChG,CAAA;AAgBD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,UAAU,GAAG,cAAc,EAC3B,YAAY,EACZ,cAAc,EACd,OAAO,EACP,GAAG,EACH,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,UAAU,EACI,EAAa,EAAE;IAChC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,QAAQ,GACZ,cAAc;QACd,MAAM,CAAC,KAAK,IAAI,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAEhD,MAAM,WAAW,GAAG,CAAC,IAA6B,EAAE,EAAE;QACpD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QAEvB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAA;aACnC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,gBACE,SAAS,EAAE,WAAW,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAEnD,mBACM,UAAU,EACd,SAAS,EAAE,WAAW,CACpB,+TAA+T,EAC/T,gBAAgB,CAAC,IAAI,CAAC,EACtB,gBAAgB,EAChB,cAAc,CACf,EACD,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,GACZ,EAED,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,4CAA4C,YAC1D,KAAC,UAAU,IACT,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,EAAE,CAAA;wBACT,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;oBAC3B,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CACvB,KAAK,CAAC,cAAc,EAAE,EAExB,IAAI,EAAE,IAAI,YAET,SAAS,GACC,GACR,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcuterie/ui",
-  "version": "3.29.0",
+  "version": "3.29.1",
   "description": "The Charcuterie components. Tokens for look, @charcuterie/logic for state, ARIA that agents can actually drive.",
   "license": "MIT",
   "type": "module",

package/src/SearchInput/SearchInput.mdx

@@ -9,6 +9,9 @@ The search field with a labelled icon button for clearing its value. The app sup
 glyph and owns the query. The component owns the field skin, the full control-sized target,
 the native cancel-widget suppression, and focus return after a clear.
 
+Search fields accept medium and large sizes. They do not offer the small control variant,
+because the clear button is a primary pointer target rather than a compact toolbar action.
+
 Use `Field` for a visible label, or pass `aria-label` when the surrounding layout already
 names the search.
 

package/src/SearchInput/SearchInput.stories.tsx

@@ -25,7 +25,7 @@ const ClearIcon = () => (
 const ControlledSearch = ({
   size = "md",
 }: {
-  size?: "sm" | "md" | "lg"
+  size?: "md" | "lg"
 }) => {
   const [value, setValue] = useState("filter paper")
 
@@ -69,7 +69,7 @@ export const AllVariants: Story = {
   render: () => (
     <StorySection title="The field and its clear button share one density-aware control size.">
       <StoryGrid columns={3}>
-        {(["sm", "md", "lg"] as const).map((size) => (
+        {(["md", "lg"] as const).map((size) => (
           <StoryCell key={size} label={size}>
             <ControlledSearch size={size} />
           </StoryCell>

package/src/SearchInput/SearchInput.tsx

@@ -12,8 +12,9 @@ import {
 } from "../intentStyles.ts"
 import { toClassName } from "../toClassName.ts"
 
-const INPUT_SIZE_CLASS: Record<ControlSize, string> = {
-  sm: "h-(--control-height-sm) ps-(--control-padding-inline-sm) pe-(--control-height-sm) text-sm",
+export type SearchInputSize = Exclude<ControlSize, "sm">
+
+const INPUT_SIZE_CLASS: Record<SearchInputSize, string> = {
   md: "h-(--control-height-md) ps-(--control-padding-inline-md) pe-(--control-height-md) text-md",
   lg: "h-(--control-height-lg) ps-(--control-padding-inline-lg) pe-(--control-height-lg) text-lg",
 }
@@ -28,7 +29,8 @@ export type SearchInputProps = Omit<
   /** Override value-derived visibility for an uncontrolled input. */
   isClearVisible?: boolean
   onClear: () => void
-  size?: ControlSize
+  /** Search and clear targets are never smaller than the medium control size. */
+  size?: SearchInputSize
 }
 
 /**