@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.141.1 → 1.0.0-beta.143.1

package/dist/components/composed/PlateMapEditor/PlateMapPlateSelector.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),f=require("../../../ui/badge.cjs"),d=require("../../../ui/button.cjs"),s=require("../../../ui/dropdown-menu.cjs"),g=require("../../../ui/toggle-group.cjs"),x=require("../../../lib/utils.cjs");function w({plate:i,selected:a}){return e.jsx(f.Badge,{variant:a?"info":"outline",className:"max-w-44",children:e.jsx("span",{className:"truncate",children:i.label??i.barcode})})}function M({plates:i=[],activePlateId:a,onPlateChange:c,onAddPlate:r,onRemovePlate:j,addPlateLabel:l="Add Plate",removePlateLabel:v="Remove plate",label:h="Plate",variant:p="dropdown",align:N="start",side:y="bottom",className:m}){const o=i.find(n=>n.id===a)??(a?void 0:i[0]);return p==="tabs"?e.jsxs("div",{className:x.cn("inline-flex flex-wrap items-center gap-1",m),"data-slot":"plate-tabs",children:[e.jsx(g.ToggleGroup,{type:"single",variant:"outline",size:"sm",value:o?.id??"","aria-label":h,onValueChange:n=>{n&&c?.(n)},children:i.map(n=>{const u=n.id===o?.id,b=!!j&&i.length>1;return e.jsxs("div",{className:"inline-flex items-stretch",children:[e.jsxs(g.ToggleGroupItem,{value:n.id,disabled:n.disabled||!c,"aria-label":n.label??n.barcode,className:x.cn(b&&"rounded-r-none border-r-0"),children:[e.jsx("span",{className:"truncate",children:n.label??n.barcode}),n.count===void 0?null:e.jsx(f.Badge,{variant:u?"secondary":"outline",className:"ml-1 h-4 px-1 text-[0.65rem]",children:n.count})]}),b?e.jsx(d.Button,{type:"button",variant:"outline",size:"icon-sm","aria-label":`${v} ${n.label??n.barcode}`,className:"rounded-l-none",onClick:()=>j?.(n.id),children:e.jsx(t.X,{"aria-hidden":!0})}):null]},n.id)})}),r?e.jsx(d.Button,{type:"button",variant:"ghost",size:"icon-sm","aria-label":l,onClick:()=>r(),children:e.jsx(t.Plus,{"aria-hidden":!0})}):null]}):i.length===0?e.jsxs(d.Button,{type:"button",variant:"outline",size:"sm",disabled:!r,"aria-label":l,className:x.cn("min-w-28 justify-start",m),onClick:()=>r?.(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),l]}):e.jsxs(s.DropdownMenu,{modal:!1,children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(d.Button,{type:"button",variant:"outline",size:"sm","aria-label":h,className:x.cn("min-w-36 justify-between",m),children:[e.jsx("span",{className:"flex min-w-0 items-center gap-1.5",children:o?e.jsx(w,{plate:o,selected:!0}):e.jsx("span",{children:l})}),e.jsx(t.ChevronDown,{"aria-hidden":!0})]})}),e.jsxs(s.DropdownMenuContent,{align:N,side:y,className:"w-64",children:[e.jsx(s.DropdownMenuGroup,{children:i.map(n=>{const u=n.id===o?.id;return e.jsxs(s.DropdownMenuItem,{disabled:n.disabled||!c,onClick:()=>c?.(n.id),children:[u?e.jsx(t.Check,{"aria-hidden":!0}):e.jsx("span",{className:"size-4","aria-hidden":!0}),e.jsxs("span",{className:"flex min-w-0 flex-1 items-center justify-between gap-2",children:[e.jsx(w,{plate:n,selected:u}),n.count===void 0?null:e.jsxs("span",{className:"shrink-0 text-xs text-muted-foreground",children:[n.count," wells"]})]})]},n.id)})}),r?e.jsxs(e.Fragment,{children:[e.jsx(s.DropdownMenuSeparator,{}),e.jsxs(s.DropdownMenuItem,{onClick:()=>r(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),l]})]}):null]})]})}exports.PlateMapPlateSelector=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),f=require("../../../ui/badge.cjs"),u=require("../../../ui/button.cjs"),s=require("../../../ui/dropdown-menu.cjs"),g=require("../../../ui/toggle-group.cjs"),x=require("../../../lib/utils.cjs");function w({plate:i,selected:a}){return e.jsx(f.Badge,{variant:a?"info":"outline",className:"max-w-44",children:e.jsx("span",{className:"truncate",children:i.label??i.barcode})})}function M({plates:i=[],activePlateId:a,onPlateChange:c,onAddPlate:r,onRemovePlate:j,addPlateLabel:o="Add Plate",removePlateLabel:v="Remove plate",label:h="Plate",variant:p="dropdown",align:N="start",side:y="bottom",className:m}){const l=i.find(n=>n.id===a)??(a?void 0:i[0]);return p==="tabs"?e.jsxs("div",{className:x.cn("inline-flex flex-wrap items-center gap-1",m),"data-slot":"plate-tabs",children:[e.jsx(g.ToggleGroup,{type:"single",variant:"outline",size:"sm",value:l?.id??"","aria-label":h,onValueChange:n=>{n&&c?.(n)},children:i.map(n=>{const d=n.id===l?.id,b=!!j&&i.length>1;return e.jsxs("div",{className:"inline-flex items-stretch",children:[e.jsxs(g.ToggleGroupItem,{value:n.id,disabled:n.disabled||!c,"aria-label":n.label??n.barcode,selectedIndicator:"none",className:x.cn(b&&"rounded-r-none border-r-0"),children:[e.jsx("span",{className:"truncate",children:n.label??n.barcode}),n.count===void 0?null:e.jsx(f.Badge,{variant:d?"secondary":"outline",className:"ml-1 h-4 px-1 text-[0.65rem]",children:n.count})]}),b?e.jsx(u.Button,{type:"button",variant:"outline",size:"icon-sm","aria-label":`${v} ${n.label??n.barcode}`,className:"rounded-l-none",onClick:()=>j?.(n.id),children:e.jsx(t.X,{"aria-hidden":!0})}):null]},n.id)})}),r?e.jsx(u.Button,{type:"button",variant:"ghost",size:"icon-sm","aria-label":o,onClick:()=>r(),children:e.jsx(t.Plus,{"aria-hidden":!0})}):null]}):i.length===0?e.jsxs(u.Button,{type:"button",variant:"outline",size:"sm",disabled:!r,"aria-label":o,className:x.cn("min-w-28 justify-start",m),onClick:()=>r?.(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),o]}):e.jsxs(s.DropdownMenu,{modal:!1,children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(u.Button,{type:"button",variant:"outline",size:"sm","aria-label":h,className:x.cn("min-w-36 justify-between",m),children:[e.jsx("span",{className:"flex min-w-0 items-center gap-1.5",children:l?e.jsx(w,{plate:l,selected:!0}):e.jsx("span",{children:o})}),e.jsx(t.ChevronDown,{"aria-hidden":!0})]})}),e.jsxs(s.DropdownMenuContent,{align:N,side:y,className:"w-64",children:[e.jsx(s.DropdownMenuGroup,{children:i.map(n=>{const d=n.id===l?.id;return e.jsxs(s.DropdownMenuItem,{disabled:n.disabled||!c,onClick:()=>c?.(n.id),children:[d?e.jsx(t.Check,{"aria-hidden":!0}):e.jsx("span",{className:"size-4","aria-hidden":!0}),e.jsxs("span",{className:"flex min-w-0 flex-1 items-center justify-between gap-2",children:[e.jsx(w,{plate:n,selected:d}),n.count===void 0?null:e.jsxs("span",{className:"shrink-0 text-xs text-muted-foreground",children:[n.count," wells"]})]})]},n.id)})}),r?e.jsxs(e.Fragment,{children:[e.jsx(s.DropdownMenuSeparator,{}),e.jsxs(s.DropdownMenuItem,{onClick:()=>r(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),o]})]}):null]})]})}exports.PlateMapPlateSelector=M;
 //# sourceMappingURL=PlateMapPlateSelector.cjs.map

package/dist/components/composed/PlateMapEditor/PlateMapPlateSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PlateMapPlateSelector.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapPlateSelector.tsx"],"sourcesContent":["import { Check, ChevronDown, Plus, X } from \"lucide-react\";\n\nimport type { PlateMapPlateOption } from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type PlateMapPlateSelectorVariant = \"dropdown\" | \"tabs\";\n\nexport interface PlateMapPlateSelectorProps {\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  onAddPlate?: () => void;\n  /** When supplied, the tabs variant renders a delete affordance per plate. */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  label?: string;\n  /** Layout. `\"dropdown\"` is the default single-trigger menu, `\"tabs\"` is a horizontal tab strip. */\n  variant?: PlateMapPlateSelectorVariant;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nfunction PlatePill({ plate, selected }: { plate: PlateMapPlateOption; selected?: boolean }) {\n  return (\n    <Badge variant={selected ? \"info\" : \"outline\"} className=\"max-w-44\">\n      <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n    </Badge>\n  );\n}\n\nexport function PlateMapPlateSelector({\n  plates = [],\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel = \"Add Plate\",\n  removePlateLabel = \"Remove plate\",\n  label = \"Plate\",\n  variant = \"dropdown\",\n  align = \"start\",\n  side = \"bottom\",\n  className,\n}: PlateMapPlateSelectorProps) {\n  const activePlate = plates.find((plate) => plate.id === activePlateId) ?? (activePlateId ? undefined : plates[0]);\n\n  if (variant === \"tabs\") {\n    return (\n      <div className={cn(\"inline-flex flex-wrap items-center gap-1\", className)} data-slot=\"plate-tabs\">\n        <ToggleGroup\n          type=\"single\"\n          variant=\"outline\"\n          size=\"sm\"\n          value={activePlate?.id ?? \"\"}\n          aria-label={label}\n          onValueChange={(value) => {\n            if (value) onPlateChange?.(value);\n          }}\n        >\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            const canRemove = !!onRemovePlate && plates.length > 1;\n            return (\n              <div key={plate.id} className=\"inline-flex items-stretch\">\n                <ToggleGroupItem\n                  value={plate.id}\n                  disabled={plate.disabled || !onPlateChange}\n                  aria-label={plate.label ?? plate.barcode}\n                  className={cn(canRemove && \"rounded-r-none border-r-0\")}\n                >\n                  <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n                  {plate.count === undefined ? null : (\n                    <Badge variant={selected ? \"secondary\" : \"outline\"} className=\"ml-1 h-4 px-1 text-[0.65rem]\">\n                      {plate.count}\n                    </Badge>\n                  )}\n                </ToggleGroupItem>\n                {canRemove ? (\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"icon-sm\"\n                    aria-label={`${removePlateLabel} ${plate.label ?? plate.barcode}`}\n                    className=\"rounded-l-none\"\n                    onClick={() => onRemovePlate?.(plate.id)}\n                  >\n                    <X aria-hidden />\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </ToggleGroup>\n        {onAddPlate ? (\n          <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" aria-label={addPlateLabel} onClick={() => onAddPlate()}>\n            <Plus aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (plates.length === 0) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={!onAddPlate}\n        aria-label={addPlateLabel}\n        className={cn(\"min-w-28 justify-start\", className)}\n        onClick={() => onAddPlate?.()}\n      >\n        <Plus aria-hidden />\n        {addPlateLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={label}\n          className={cn(\"min-w-36 justify-between\", className)}\n        >\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            {activePlate ? <PlatePill plate={activePlate} selected /> : <span>{addPlateLabel}</span>}\n          </span>\n          <ChevronDown aria-hidden />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} className=\"w-64\">\n        <DropdownMenuGroup>\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            return (\n              <DropdownMenuItem\n                key={plate.id}\n                disabled={plate.disabled || !onPlateChange}\n                onClick={() => onPlateChange?.(plate.id)}\n              >\n                {selected ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n                <span className=\"flex min-w-0 flex-1 items-center justify-between gap-2\">\n                  <PlatePill plate={plate} selected={selected} />\n                  {plate.count === undefined ? null : (\n                    <span className=\"shrink-0 text-xs text-muted-foreground\">{plate.count} wells</span>\n                  )}\n                </span>\n              </DropdownMenuItem>\n            );\n          })}\n        </DropdownMenuGroup>\n        {onAddPlate ? (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={() => onAddPlate()}>\n              <Plus aria-hidden />\n              {addPlateLabel}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PlatePill","plate","selected","Badge","jsx","PlateMapPlateSelector","plates","activePlateId","onPlateChange","onAddPlate","onRemovePlate","addPlateLabel","removePlateLabel","label","variant","align","side","className","activePlate","jsxs","cn","ToggleGroup","value","canRemove","ToggleGroupItem","Button","X","Plus","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","Check","Fragment","DropdownMenuSeparator"],"mappings":"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"}
+{"version":3,"file":"PlateMapPlateSelector.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapPlateSelector.tsx"],"sourcesContent":["import { Check, ChevronDown, Plus, X } from \"lucide-react\";\n\nimport type { PlateMapPlateOption } from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type PlateMapPlateSelectorVariant = \"dropdown\" | \"tabs\";\n\nexport interface PlateMapPlateSelectorProps {\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  onAddPlate?: () => void;\n  /** When supplied, the tabs variant renders a delete affordance per plate. */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  label?: string;\n  /** Layout. `\"dropdown\"` is the default single-trigger menu, `\"tabs\"` is a horizontal tab strip. */\n  variant?: PlateMapPlateSelectorVariant;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nfunction PlatePill({ plate, selected }: { plate: PlateMapPlateOption; selected?: boolean }) {\n  return (\n    <Badge variant={selected ? \"info\" : \"outline\"} className=\"max-w-44\">\n      <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n    </Badge>\n  );\n}\n\nexport function PlateMapPlateSelector({\n  plates = [],\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel = \"Add Plate\",\n  removePlateLabel = \"Remove plate\",\n  label = \"Plate\",\n  variant = \"dropdown\",\n  align = \"start\",\n  side = \"bottom\",\n  className,\n}: PlateMapPlateSelectorProps) {\n  const activePlate = plates.find((plate) => plate.id === activePlateId) ?? (activePlateId ? undefined : plates[0]);\n\n  if (variant === \"tabs\") {\n    return (\n      <div className={cn(\"inline-flex flex-wrap items-center gap-1\", className)} data-slot=\"plate-tabs\">\n        <ToggleGroup\n          type=\"single\"\n          variant=\"outline\"\n          size=\"sm\"\n          value={activePlate?.id ?? \"\"}\n          aria-label={label}\n          onValueChange={(value) => {\n            if (value) onPlateChange?.(value);\n          }}\n        >\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            const canRemove = !!onRemovePlate && plates.length > 1;\n            return (\n              <div key={plate.id} className=\"inline-flex items-stretch\">\n                <ToggleGroupItem\n                  value={plate.id}\n                  disabled={plate.disabled || !onPlateChange}\n                  aria-label={plate.label ?? plate.barcode}\n                  // Plate tabs are navigation, not a multi-select: the active\n                  // tab reads from its tint alone, so opt out of the ring.\n                  selectedIndicator=\"none\"\n                  className={cn(canRemove && \"rounded-r-none border-r-0\")}\n                >\n                  <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n                  {plate.count === undefined ? null : (\n                    <Badge variant={selected ? \"secondary\" : \"outline\"} className=\"ml-1 h-4 px-1 text-[0.65rem]\">\n                      {plate.count}\n                    </Badge>\n                  )}\n                </ToggleGroupItem>\n                {canRemove ? (\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"icon-sm\"\n                    aria-label={`${removePlateLabel} ${plate.label ?? plate.barcode}`}\n                    className=\"rounded-l-none\"\n                    onClick={() => onRemovePlate?.(plate.id)}\n                  >\n                    <X aria-hidden />\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </ToggleGroup>\n        {onAddPlate ? (\n          <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" aria-label={addPlateLabel} onClick={() => onAddPlate()}>\n            <Plus aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (plates.length === 0) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={!onAddPlate}\n        aria-label={addPlateLabel}\n        className={cn(\"min-w-28 justify-start\", className)}\n        onClick={() => onAddPlate?.()}\n      >\n        <Plus aria-hidden />\n        {addPlateLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={label}\n          className={cn(\"min-w-36 justify-between\", className)}\n        >\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            {activePlate ? <PlatePill plate={activePlate} selected /> : <span>{addPlateLabel}</span>}\n          </span>\n          <ChevronDown aria-hidden />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} className=\"w-64\">\n        <DropdownMenuGroup>\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            return (\n              <DropdownMenuItem\n                key={plate.id}\n                disabled={plate.disabled || !onPlateChange}\n                onClick={() => onPlateChange?.(plate.id)}\n              >\n                {selected ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n                <span className=\"flex min-w-0 flex-1 items-center justify-between gap-2\">\n                  <PlatePill plate={plate} selected={selected} />\n                  {plate.count === undefined ? null : (\n                    <span className=\"shrink-0 text-xs text-muted-foreground\">{plate.count} wells</span>\n                  )}\n                </span>\n              </DropdownMenuItem>\n            );\n          })}\n        </DropdownMenuGroup>\n        {onAddPlate ? (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={() => onAddPlate()}>\n              <Plus aria-hidden />\n              {addPlateLabel}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PlatePill","plate","selected","Badge","jsx","PlateMapPlateSelector","plates","activePlateId","onPlateChange","onAddPlate","onRemovePlate","addPlateLabel","removePlateLabel","label","variant","align","side","className","activePlate","jsxs","cn","ToggleGroup","value","canRemove","ToggleGroupItem","Button","X","Plus","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","Check","Fragment","DropdownMenuSeparator"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/PlateMapPlateSelector.js

@@ -1,12 +1,12 @@
-import { jsxs as n, jsx as i, Fragment as C } from "react/jsx-runtime";
+import { jsxs as i, jsx as n, Fragment as C } from "react/jsx-runtime";
 import { X as D, Plus as h, ChevronDown as M, Check as z } from "lucide-react";
 import { Badge as x } from "../../../ui/badge.js";
 import { Button as c } from "../../../ui/button.js";
-import { DropdownMenu as j, DropdownMenuTrigger as G, DropdownMenuContent as T, DropdownMenuGroup as B, DropdownMenuItem as w, DropdownMenuSeparator as S } from "../../../ui/dropdown-menu.js";
-import { ToggleGroup as $, ToggleGroupItem as F } from "../../../ui/toggle-group.js";
+import { DropdownMenu as j, DropdownMenuTrigger as G, DropdownMenuContent as T, DropdownMenuGroup as B, DropdownMenuItem as w, DropdownMenuSeparator as I } from "../../../ui/dropdown-menu.js";
+import { ToggleGroup as S, ToggleGroupItem as $ } from "../../../ui/toggle-group.js";
 import { cn as u } from "../../../lib/utils.js";
 function v({ plate: r, selected: l }) {
-  return /* @__PURE__ */ i(x, { variant: l ? "info" : "outline", className: "max-w-44", children: /* @__PURE__ */ i("span", { className: "truncate", children: r.label ?? r.barcode }) });
+  return /* @__PURE__ */ n(x, { variant: l ? "info" : "outline", className: "max-w-44", children: /* @__PURE__ */ n("span", { className: "truncate", children: r.label ?? r.barcode }) });
 }
 function J({
   plates: r = [],
@@ -23,9 +23,9 @@ function J({
   className: m
 }) {
   const a = r.find((e) => e.id === l) ?? (l ? void 0 : r[0]);
-  return N === "tabs" ? /* @__PURE__ */ n("div", { className: u("inline-flex flex-wrap items-center gap-1", m), "data-slot": "plate-tabs", children: [
-    /* @__PURE__ */ i(
-      $,
+  return N === "tabs" ? /* @__PURE__ */ i("div", { className: u("inline-flex flex-wrap items-center gap-1", m), "data-slot": "plate-tabs", children: [
+    /* @__PURE__ */ n(
+      S,
       {
         type: "single",
         variant: "outline",
@@ -37,21 +37,22 @@ function J({
         },
         children: r.map((e) => {
           const d = e.id === a?.id, p = !!f && r.length > 1;
-          return /* @__PURE__ */ n("div", { className: "inline-flex items-stretch", children: [
-            /* @__PURE__ */ n(
-              F,
+          return /* @__PURE__ */ i("div", { className: "inline-flex items-stretch", children: [
+            /* @__PURE__ */ i(
+              $,
               {
                 value: e.id,
                 disabled: e.disabled || !s,
                 "aria-label": e.label ?? e.barcode,
+                selectedIndicator: "none",
                 className: u(p && "rounded-r-none border-r-0"),
                 children: [
-                  /* @__PURE__ */ i("span", { className: "truncate", children: e.label ?? e.barcode }),
-                  e.count === void 0 ? null : /* @__PURE__ */ i(x, { variant: d ? "secondary" : "outline", className: "ml-1 h-4 px-1 text-[0.65rem]", children: e.count })
+                  /* @__PURE__ */ n("span", { className: "truncate", children: e.label ?? e.barcode }),
+                  e.count === void 0 ? null : /* @__PURE__ */ n(x, { variant: d ? "secondary" : "outline", className: "ml-1 h-4 px-1 text-[0.65rem]", children: e.count })
                 ]
               }
             ),
-            p ? /* @__PURE__ */ i(
+            p ? /* @__PURE__ */ n(
               c,
               {
                 type: "button",
@@ -60,15 +61,15 @@ function J({
                 "aria-label": `${g} ${e.label ?? e.barcode}`,
                 className: "rounded-l-none",
                 onClick: () => f?.(e.id),
-                children: /* @__PURE__ */ i(D, { "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(D, { "aria-hidden": !0 })
               }
             ) : null
           ] }, e.id);
         })
       }
     ),
-    o ? /* @__PURE__ */ i(c, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": t, onClick: () => o(), children: /* @__PURE__ */ i(h, { "aria-hidden": !0 }) }) : null
-  ] }) : r.length === 0 ? /* @__PURE__ */ n(
+    o ? /* @__PURE__ */ n(c, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": t, onClick: () => o(), children: /* @__PURE__ */ n(h, { "aria-hidden": !0 }) }) : null
+  ] }) : r.length === 0 ? /* @__PURE__ */ i(
     c,
     {
       type: "button",
@@ -79,12 +80,12 @@ function J({
       className: u("min-w-28 justify-start", m),
       onClick: () => o?.(),
       children: [
-        /* @__PURE__ */ i(h, { "aria-hidden": !0 }),
+        /* @__PURE__ */ n(h, { "aria-hidden": !0 }),
         t
       ]
     }
-  ) : /* @__PURE__ */ n(j, { modal: !1, children: [
-    /* @__PURE__ */ i(G, { asChild: !0, children: /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ i(j, { modal: !1, children: [
+    /* @__PURE__ */ n(G, { asChild: !0, children: /* @__PURE__ */ i(
       c,
       {
         type: "button",
@@ -93,24 +94,24 @@ function J({
         "aria-label": b,
         className: u("min-w-36 justify-between", m),
         children: [
-          /* @__PURE__ */ i("span", { className: "flex min-w-0 items-center gap-1.5", children: a ? /* @__PURE__ */ i(v, { plate: a, selected: !0 }) : /* @__PURE__ */ i("span", { children: t }) }),
-          /* @__PURE__ */ i(M, { "aria-hidden": !0 })
+          /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-1.5", children: a ? /* @__PURE__ */ n(v, { plate: a, selected: !0 }) : /* @__PURE__ */ n("span", { children: t }) }),
+          /* @__PURE__ */ n(M, { "aria-hidden": !0 })
         ]
       }
     ) }),
-    /* @__PURE__ */ n(T, { align: y, side: k, className: "w-64", children: [
-      /* @__PURE__ */ i(B, { children: r.map((e) => {
+    /* @__PURE__ */ i(T, { align: y, side: k, className: "w-64", children: [
+      /* @__PURE__ */ n(B, { children: r.map((e) => {
         const d = e.id === a?.id;
-        return /* @__PURE__ */ n(
+        return /* @__PURE__ */ i(
           w,
           {
             disabled: e.disabled || !s,
             onClick: () => s?.(e.id),
             children: [
-              d ? /* @__PURE__ */ i(z, { "aria-hidden": !0 }) : /* @__PURE__ */ i("span", { className: "size-4", "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
-                /* @__PURE__ */ i(v, { plate: e, selected: d }),
-                e.count === void 0 ? null : /* @__PURE__ */ n("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
+              d ? /* @__PURE__ */ n(z, { "aria-hidden": !0 }) : /* @__PURE__ */ n("span", { className: "size-4", "aria-hidden": !0 }),
+              /* @__PURE__ */ i("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
+                /* @__PURE__ */ n(v, { plate: e, selected: d }),
+                e.count === void 0 ? null : /* @__PURE__ */ i("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
                   e.count,
                   " wells"
                 ] })
@@ -120,10 +121,10 @@ function J({
           e.id
         );
       }) }),
-      o ? /* @__PURE__ */ n(C, { children: [
-        /* @__PURE__ */ i(S, {}),
-        /* @__PURE__ */ n(w, { onClick: () => o(), children: [
-          /* @__PURE__ */ i(h, { "aria-hidden": !0 }),
+      o ? /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ n(I, {}),
+        /* @__PURE__ */ i(w, { onClick: () => o(), children: [
+          /* @__PURE__ */ n(h, { "aria-hidden": !0 }),
           t
         ] })
       ] }) : null

package/dist/components/composed/PlateMapEditor/PlateMapPlateSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlateMapPlateSelector.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapPlateSelector.tsx"],"sourcesContent":["import { Check, ChevronDown, Plus, X } from \"lucide-react\";\n\nimport type { PlateMapPlateOption } from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type PlateMapPlateSelectorVariant = \"dropdown\" | \"tabs\";\n\nexport interface PlateMapPlateSelectorProps {\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  onAddPlate?: () => void;\n  /** When supplied, the tabs variant renders a delete affordance per plate. */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  label?: string;\n  /** Layout. `\"dropdown\"` is the default single-trigger menu, `\"tabs\"` is a horizontal tab strip. */\n  variant?: PlateMapPlateSelectorVariant;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nfunction PlatePill({ plate, selected }: { plate: PlateMapPlateOption; selected?: boolean }) {\n  return (\n    <Badge variant={selected ? \"info\" : \"outline\"} className=\"max-w-44\">\n      <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n    </Badge>\n  );\n}\n\nexport function PlateMapPlateSelector({\n  plates = [],\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel = \"Add Plate\",\n  removePlateLabel = \"Remove plate\",\n  label = \"Plate\",\n  variant = \"dropdown\",\n  align = \"start\",\n  side = \"bottom\",\n  className,\n}: PlateMapPlateSelectorProps) {\n  const activePlate = plates.find((plate) => plate.id === activePlateId) ?? (activePlateId ? undefined : plates[0]);\n\n  if (variant === \"tabs\") {\n    return (\n      <div className={cn(\"inline-flex flex-wrap items-center gap-1\", className)} data-slot=\"plate-tabs\">\n        <ToggleGroup\n          type=\"single\"\n          variant=\"outline\"\n          size=\"sm\"\n          value={activePlate?.id ?? \"\"}\n          aria-label={label}\n          onValueChange={(value) => {\n            if (value) onPlateChange?.(value);\n          }}\n        >\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            const canRemove = !!onRemovePlate && plates.length > 1;\n            return (\n              <div key={plate.id} className=\"inline-flex items-stretch\">\n                <ToggleGroupItem\n                  value={plate.id}\n                  disabled={plate.disabled || !onPlateChange}\n                  aria-label={plate.label ?? plate.barcode}\n                  className={cn(canRemove && \"rounded-r-none border-r-0\")}\n                >\n                  <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n                  {plate.count === undefined ? null : (\n                    <Badge variant={selected ? \"secondary\" : \"outline\"} className=\"ml-1 h-4 px-1 text-[0.65rem]\">\n                      {plate.count}\n                    </Badge>\n                  )}\n                </ToggleGroupItem>\n                {canRemove ? (\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"icon-sm\"\n                    aria-label={`${removePlateLabel} ${plate.label ?? plate.barcode}`}\n                    className=\"rounded-l-none\"\n                    onClick={() => onRemovePlate?.(plate.id)}\n                  >\n                    <X aria-hidden />\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </ToggleGroup>\n        {onAddPlate ? (\n          <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" aria-label={addPlateLabel} onClick={() => onAddPlate()}>\n            <Plus aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (plates.length === 0) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={!onAddPlate}\n        aria-label={addPlateLabel}\n        className={cn(\"min-w-28 justify-start\", className)}\n        onClick={() => onAddPlate?.()}\n      >\n        <Plus aria-hidden />\n        {addPlateLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={label}\n          className={cn(\"min-w-36 justify-between\", className)}\n        >\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            {activePlate ? <PlatePill plate={activePlate} selected /> : <span>{addPlateLabel}</span>}\n          </span>\n          <ChevronDown aria-hidden />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} className=\"w-64\">\n        <DropdownMenuGroup>\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            return (\n              <DropdownMenuItem\n                key={plate.id}\n                disabled={plate.disabled || !onPlateChange}\n                onClick={() => onPlateChange?.(plate.id)}\n              >\n                {selected ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n                <span className=\"flex min-w-0 flex-1 items-center justify-between gap-2\">\n                  <PlatePill plate={plate} selected={selected} />\n                  {plate.count === undefined ? null : (\n                    <span className=\"shrink-0 text-xs text-muted-foreground\">{plate.count} wells</span>\n                  )}\n                </span>\n              </DropdownMenuItem>\n            );\n          })}\n        </DropdownMenuGroup>\n        {onAddPlate ? (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={() => onAddPlate()}>\n              <Plus aria-hidden />\n              {addPlateLabel}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PlatePill","plate","selected","Badge","jsx","PlateMapPlateSelector","plates","activePlateId","onPlateChange","onAddPlate","onRemovePlate","addPlateLabel","removePlateLabel","label","variant","align","side","className","activePlate","jsxs","cn","ToggleGroup","value","canRemove","ToggleGroupItem","Button","X","Plus","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","Check","Fragment","DropdownMenuSeparator"],"mappings":"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"}
+{"version":3,"file":"PlateMapPlateSelector.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapPlateSelector.tsx"],"sourcesContent":["import { Check, ChevronDown, Plus, X } from \"lucide-react\";\n\nimport type { PlateMapPlateOption } from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type PlateMapPlateSelectorVariant = \"dropdown\" | \"tabs\";\n\nexport interface PlateMapPlateSelectorProps {\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  onAddPlate?: () => void;\n  /** When supplied, the tabs variant renders a delete affordance per plate. */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  label?: string;\n  /** Layout. `\"dropdown\"` is the default single-trigger menu, `\"tabs\"` is a horizontal tab strip. */\n  variant?: PlateMapPlateSelectorVariant;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nfunction PlatePill({ plate, selected }: { plate: PlateMapPlateOption; selected?: boolean }) {\n  return (\n    <Badge variant={selected ? \"info\" : \"outline\"} className=\"max-w-44\">\n      <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n    </Badge>\n  );\n}\n\nexport function PlateMapPlateSelector({\n  plates = [],\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel = \"Add Plate\",\n  removePlateLabel = \"Remove plate\",\n  label = \"Plate\",\n  variant = \"dropdown\",\n  align = \"start\",\n  side = \"bottom\",\n  className,\n}: PlateMapPlateSelectorProps) {\n  const activePlate = plates.find((plate) => plate.id === activePlateId) ?? (activePlateId ? undefined : plates[0]);\n\n  if (variant === \"tabs\") {\n    return (\n      <div className={cn(\"inline-flex flex-wrap items-center gap-1\", className)} data-slot=\"plate-tabs\">\n        <ToggleGroup\n          type=\"single\"\n          variant=\"outline\"\n          size=\"sm\"\n          value={activePlate?.id ?? \"\"}\n          aria-label={label}\n          onValueChange={(value) => {\n            if (value) onPlateChange?.(value);\n          }}\n        >\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            const canRemove = !!onRemovePlate && plates.length > 1;\n            return (\n              <div key={plate.id} className=\"inline-flex items-stretch\">\n                <ToggleGroupItem\n                  value={plate.id}\n                  disabled={plate.disabled || !onPlateChange}\n                  aria-label={plate.label ?? plate.barcode}\n                  // Plate tabs are navigation, not a multi-select: the active\n                  // tab reads from its tint alone, so opt out of the ring.\n                  selectedIndicator=\"none\"\n                  className={cn(canRemove && \"rounded-r-none border-r-0\")}\n                >\n                  <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n                  {plate.count === undefined ? null : (\n                    <Badge variant={selected ? \"secondary\" : \"outline\"} className=\"ml-1 h-4 px-1 text-[0.65rem]\">\n                      {plate.count}\n                    </Badge>\n                  )}\n                </ToggleGroupItem>\n                {canRemove ? (\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"icon-sm\"\n                    aria-label={`${removePlateLabel} ${plate.label ?? plate.barcode}`}\n                    className=\"rounded-l-none\"\n                    onClick={() => onRemovePlate?.(plate.id)}\n                  >\n                    <X aria-hidden />\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </ToggleGroup>\n        {onAddPlate ? (\n          <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" aria-label={addPlateLabel} onClick={() => onAddPlate()}>\n            <Plus aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (plates.length === 0) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={!onAddPlate}\n        aria-label={addPlateLabel}\n        className={cn(\"min-w-28 justify-start\", className)}\n        onClick={() => onAddPlate?.()}\n      >\n        <Plus aria-hidden />\n        {addPlateLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={label}\n          className={cn(\"min-w-36 justify-between\", className)}\n        >\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            {activePlate ? <PlatePill plate={activePlate} selected /> : <span>{addPlateLabel}</span>}\n          </span>\n          <ChevronDown aria-hidden />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} className=\"w-64\">\n        <DropdownMenuGroup>\n          {plates.map((plate) => {\n            const selected = plate.id === activePlate?.id;\n            return (\n              <DropdownMenuItem\n                key={plate.id}\n                disabled={plate.disabled || !onPlateChange}\n                onClick={() => onPlateChange?.(plate.id)}\n              >\n                {selected ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n                <span className=\"flex min-w-0 flex-1 items-center justify-between gap-2\">\n                  <PlatePill plate={plate} selected={selected} />\n                  {plate.count === undefined ? null : (\n                    <span className=\"shrink-0 text-xs text-muted-foreground\">{plate.count} wells</span>\n                  )}\n                </span>\n              </DropdownMenuItem>\n            );\n          })}\n        </DropdownMenuGroup>\n        {onAddPlate ? (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onClick={() => onAddPlate()}>\n              <Plus aria-hidden />\n              {addPlateLabel}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PlatePill","plate","selected","Badge","jsx","PlateMapPlateSelector","plates","activePlateId","onPlateChange","onAddPlate","onRemovePlate","addPlateLabel","removePlateLabel","label","variant","align","side","className","activePlate","jsxs","cn","ToggleGroup","value","canRemove","ToggleGroupItem","Button","X","Plus","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","Check","Fragment","DropdownMenuSeparator"],"mappings":"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"}

package/dist/components/ui/toggle-group.d.ts

@@ -6,5 +6,20 @@ declare function ToggleGroup({ className, variant, size, spacing, orientation, c
     spacing?: number;
     orientation?: "horizontal" | "vertical";
 }): import("react/jsx-runtime").JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, selectedIndicator, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & {
+    /**
+     * Leading indicator for the selectable state (SW-2445). `"dot"` shows a
+     * faint dotted ring when off that cross-fades to a check when on — a resting
+     * affordance so an item reads as "selectable" and stays legible when every
+     * option is selected.
+     *
+     * Defaults by content: **label-only** items get `"dot"`; items that render
+     * an **icon** (icon-only or icon + label) get `"none"` — the icon carries
+     * the state and there's no room for a ring. The default is decided in CSS
+     * from the rendered DOM (`:has(svg)`), not from the React children, so a
+     * label wrapped in a `<span>`, a translation component or a tooltip still
+     * keeps its ring. Pass the prop to override either way.
+     */
+    selectedIndicator?: "dot" | "none";
+}): import("react/jsx-runtime").JSX.Element;
 export { ToggleGroup, ToggleGroupItem };