@lotics/ui 28.3.0 → 28.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "28.3.0",
+  "version": "28.3.1",
   "type": "module",
   "exports": {
     "./vite": {

package/src/chip_group.tsx

@@ -70,7 +70,16 @@ export function ChipGroup<T extends string = string>(props: ChipGroupProps<T>) {
             // after its own, so this is the override, not a fight.)
             style={(state) => [chipSurfaceStyle(state, { selected: active }), styles.chip]}
           >
-            <Text size="sm" weight={active ? "semibold" : "medium"} color={active ? "default" : "muted"}>
+            {/* A control's label is not prose. Without this, dragging across the
+                filter row selects the chip text instead of reading as a control —
+                `SegmentedControl` and `Button` already suppress it, and the chips
+                were the gap. */}
+            <Text
+              userSelect="none"
+              size="sm"
+              weight={active ? "semibold" : "medium"}
+              color={active ? "default" : "muted"}
+            >
               {option.label}
             </Text>
           </PressableHighlight>

package/src/filter_chip.tsx

@@ -93,11 +93,17 @@ export function FilterChip(props: FilterChipProps) {
         <Chip onDismiss={showClear ? onClear : undefined} dismissTooltip={clearLabel}>
           {active && typeof summary !== "string" ? (
             <View style={styles.summaryRow}>
-              <Text size="sm" weight="medium" color="zinc-700">{`${label}:`}</Text>
+              <Text userSelect="none" size="sm" weight="medium" color="zinc-700">{`${label}:`}</Text>
               {summary}
             </View>
           ) : (
-            <Text size="sm" weight="medium" color={active ? "zinc-900" : "zinc-700"} numberOfLines={1}>
+            <Text
+              userSelect="none"
+              size="sm"
+              weight="medium"
+              color={active ? "zinc-900" : "zinc-700"}
+              numberOfLines={1}
+            >
               {active ? `${label}: ${summary}` : label}
             </Text>
           )}