@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

package/dist/{filter-bar-time-range-D9SnzR2J.js → filter-bar-time-range-ao2YiYEJ.js}

@@ -1,5 +1,5 @@
-import { p as useFilterBarItemKeys, y as useFilterBarContext } from "./filter-bar-chip-NBtfDca9.js";
-import { t as DateTimeRangePicker } from "./date-time-range-picker-DdNgKD87.js";
+import { p as useFilterBarItemKeys, y as useFilterBarContext } from "./filter-bar-chip-Cz5GYBWP.js";
+import { t as DateTimeRangePicker } from "./date-time-range-picker-CJyhcug7.js";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { CalendarIcon } from "lucide-react";
@@ -57,4 +57,4 @@ function FilterBarTimeRange(props) {
 }
 export { FilterBarTimeRange as i, FILTER_BAR_TIME_RANGE_FIELD_ID as n, FILTER_BAR_TIME_RANGE_ITEM as r, FILTER_BAR_TIME_RANGE_FIELD as t };
 
-//# sourceMappingURL=filter-bar-time-range-D9SnzR2J.js.map
+//# sourceMappingURL=filter-bar-time-range-ao2YiYEJ.js.map

package/dist/{filter-bar-time-range-D9SnzR2J.js.map → filter-bar-time-range-ao2YiYEJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-time-range-D9SnzR2J.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"filter-bar-time-range-ao2YiYEJ.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}

package/dist/icons/ConfluenceIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/ConfluenceIcon.tsx
+var ConfluenceIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z" })
+});
+exports.ConfluenceIcon = ConfluenceIcon;
+
+//# sourceMappingURL=ConfluenceIcon.cjs.js.map

package/dist/icons/ConfluenceIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfluenceIcon.cjs.js","names":[],"sources":["../../src/ds/icons/ConfluenceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ConfluenceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,kBAAkB,UAC7B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,4mBAA6mB,CAAA;AAClnB,CAAA"}

package/dist/icons/ConfluenceIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/ConfluenceIcon';

package/dist/icons/ConfluenceIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/ConfluenceIcon.tsx
+var ConfluenceIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z" })
+});
+export { ConfluenceIcon };
+
+//# sourceMappingURL=ConfluenceIcon.es.js.map

package/dist/icons/ConfluenceIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfluenceIcon.es.js","names":[],"sources":["../../src/ds/icons/ConfluenceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ConfluenceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,kBAAkB,UAC7B,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,4mBAA6mB,CAAA;AAClnB,CAAA"}

package/dist/icons/NotionIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/NotionIcon.tsx
+var NotionIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" })
+});
+exports.NotionIcon = NotionIcon;
+
+//# sourceMappingURL=NotionIcon.cjs.js.map

package/dist/icons/NotionIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotionIcon.cjs.js","names":[],"sources":["../../src/ds/icons/NotionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const NotionIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,cAAc,UACzB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,u2BAAw2B,CAAA;AAC72B,CAAA"}

package/dist/icons/NotionIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/NotionIcon';

package/dist/icons/NotionIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/NotionIcon.tsx
+var NotionIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" })
+});
+export { NotionIcon };
+
+//# sourceMappingURL=NotionIcon.es.js.map

package/dist/icons/NotionIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotionIcon.es.js","names":[],"sources":["../../src/ds/icons/NotionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const NotionIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,cAAc,UACzB,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,u2BAAw2B,CAAA;AAC72B,CAAA"}

package/dist/icons/ZendeskIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/ZendeskIcon.tsx
+var ZendeskIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z" })
+});
+exports.ZendeskIcon = ZendeskIcon;
+
+//# sourceMappingURL=ZendeskIcon.cjs.js.map

package/dist/icons/ZendeskIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskIcon.cjs.js","names":[],"sources":["../../src/ds/icons/ZendeskIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ZendeskIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,eAAe,UAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,wNAAyN,CAAA;AAC9N,CAAA"}

package/dist/icons/ZendeskIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/ZendeskIcon';

package/dist/icons/ZendeskIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/ZendeskIcon.tsx
+var ZendeskIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z" })
+});
+export { ZendeskIcon };
+
+//# sourceMappingURL=ZendeskIcon.es.js.map

package/dist/icons/ZendeskIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskIcon.es.js","names":[],"sources":["../../src/ds/icons/ZendeskIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ZendeskIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,eAAe,UAC1B,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,wNAAyN,CAAA;AAC9N,CAAA"}

package/dist/{input-Cyit5ZSc.js → input-BNykbvOz.js}

@@ -9,7 +9,7 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
 // src/ds/components/Input/input.tsx
-var inputVariants = cva(cn("flex w-full text-ellipsis text-foreground", controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none"), {
+var inputVariants = cva(cn("flex w-full zoom-safe-text text-ellipsis text-foreground", controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none"), {
 	variants: {
 		variant: {
 			default: cn(inputSurfaceAndFocusStyle, "rounded-full", sharedFormElementDisabledStyle),
@@ -45,4 +45,4 @@ function Input$1({ className, size, testId, variant, error, autoComplete, ...pro
 }
 export { Input$1 as t };
 
-//# sourceMappingURL=input-Cyit5ZSc.js.map
+//# sourceMappingURL=input-BNykbvOz.js.map

package/dist/input-BNykbvOz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BNykbvOz.js","names":["Input","InputPrimitive"],"sources":["../src/ds/components/Input/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full zoom-safe-text text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\n    '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n    '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n    '[&[type=number]]:[appearance:textfield]',\n    // type=\"search\": drop WebKit's native clear button so the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,gBAAgB,IACpB,GAGE,4DACA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,GAAG,2BAA2B,gBAAgB,8BAA8B;GACrF,UAAU;EACZ;EACA,MAAM;GACJ,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;GAC1C,IAAI,GAAG,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAASA,QAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,oBAACC,OAAD;EACE,WAAW,GAAG,cAAc;GAAE,SAAS,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAG,eAAe,SAAS;EACtG,eAAa;EACb,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL"}

package/dist/{input-BpnUsQSt.cjs → input-D_V0m95F.cjs}

@@ -11,7 +11,7 @@ react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_input = require("@base-ui/react/input");
 // src/ds/components/Input/input.tsx
-var inputVariants = require_dist.cva(require_utils.cn("flex w-full text-ellipsis text-foreground", require_primitives_transitions.controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none"), {
+var inputVariants = require_dist.cva(require_utils.cn("flex w-full zoom-safe-text text-ellipsis text-foreground", require_primitives_transitions.controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none", "[&[type=number]]:[appearance:textfield]", "[&::-webkit-search-cancel-button]:appearance-none"), {
 	variants: {
 		variant: {
 			default: require_utils.cn(require_primitives_form_element.inputSurfaceAndFocusStyle, "rounded-full", require_primitives_form_element.sharedFormElementDisabledStyle),
@@ -52,4 +52,4 @@ Object.defineProperty(exports, "Input", {
 	}
 });
 
-//# sourceMappingURL=input-BpnUsQSt.cjs.map
+//# sourceMappingURL=input-D_V0m95F.cjs.map

package/dist/input-D_V0m95F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-D_V0m95F.cjs","names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","controlSizeClasses","InputPrimitive","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName"],"sources":["../src/ds/components/Input/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  cn(\n    // A text field is a block control: it fills its field. Content-sized controls (a\n    // Select or Combobox trigger, a Button) do the opposite and let the call site grow them.\n    'flex w-full zoom-safe-text text-ellipsis text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Native number spinners clip the pill; WebKit and Firefox need different selectors.\n    '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n    '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n    '[&[type=number]]:[appearance:textfield]',\n    // type=\"search\": drop WebKit's native clear button so the DS owns the search chrome.\n    // Compose an <InputGroup> with an InputGroupButton to add a clear control.\n    '[&::-webkit-search-cancel-button]:appearance-none',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-full', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      size: {\n        sm: cn(controlSizeClasses.sm, 'px-[.75em]'),\n        md: cn(controlSizeClasses.md, 'px-[.75em]'),\n        lg: cn(controlSizeClasses.lg, 'px-[.85em]'),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type InputProps = Omit<React.ComponentProps<'input'>, 'size'> &\n  Omit<VariantProps<typeof inputVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n    /**\n     * Leave unset (or `\"off\"`) for app data: the field renders `autocomplete=\"off\"` plus the\n     * ignore attributes of the common password managers, so a \"Name\" field doesn't get an\n     * identity popup. Pass a real autofill token (`email`, `username`, `current-password`,\n     * `new-password`, `one-time-code`, ...) on credential and account forms to opt back in.\n     */\n    autoComplete?: React.HTMLInputAutoCompleteAttribute;\n  };\n\n/**\n * Single-line text field. Opts out of password manager autofill unless `autoComplete`\n * names a real autofill token; see `textFieldAutofillProps`.\n */\nfunction Input({ className, size, testId, variant, error, autoComplete, ...props }: InputProps) {\n  return (\n    <InputPrimitive\n      className={cn(inputVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,gBAAgBA,aAAAA,IACpBC,cAAAA,GAGE,4DACAC,+BAAAA,6BACA,gGACA,0EAEA,qFACA,qFACA,2CAGA,mDACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAASD,cAAAA,GAAGE,gCAAAA,2BAA2B,gBAAgBC,gCAAAA,8BAA8B;GACrF,UAAUC,gCAAAA;EACZ;EACA,MAAM;GACJ,IAAIJ,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;GAC1C,IAAIL,cAAAA,GAAGK,gCAAAA,mBAAmB,IAAI,YAAY;EAC5C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;;;;AAsBA,SAAS,MAAM,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,cAAc,GAAG,SAAqB;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,OAAD;EACE,WAAWN,cAAAA,GAAG,cAAc;GAAE,SAASO,gCAAAA,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAGC,gCAAAA,eAAe,SAAS;EACtG,eAAa;EACb,GAAIC,gCAAAA,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAIC,6CAAAA,uBAAuB,YAAY;EACvC,GAAIC,2BAAAA,sBAAsB,KAAK;CAChC,CAAA;AAEL"}

package/dist/{input-group-NV4ZzKOk.js → input-group-CCSyY4J5.js}

@@ -79,7 +79,7 @@ function InputGroupAddon({ className, align = "inline-start", variant = "default
 	});
 }
 var inputGroupControlHeightBySize = cn("group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]", "group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]", "group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]");
-var inputGroupControlClassName = cn("min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden", inputGroupControlHeightBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed");
+var inputGroupControlClassName = cn("min-w-0 flex-1 bg-transparent px-3 text-label zoom-safe-text text-foreground outline-hidden", inputGroupControlHeightBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed");
 function InputGroupInput({ className, testId, error, type = "text", autoComplete, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		type,
@@ -96,7 +96,7 @@ function InputGroupTextarea({ className, testId, error, ...props }) {
 	return /* @__PURE__ */ jsx(TextareaControl, {
 		"data-slot": "input-group-control",
 		"data-testid": testId,
-		className: cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
+		className: cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 zoom-safe-text text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
 		...deprecatedErrorAria(error),
 		...props
 	});
@@ -117,4 +117,4 @@ function InputGroupButton({ size = "icon-sm", variant = "ghost", type = "button"
 }
 export { InputGroupText as a, inputGroupControlClassName as c, InputGroupInput as i, InputGroupAddon as n, InputGroupTextarea as o, InputGroupButton as r, inputGroupClassName as s, InputGroup as t };
 
-//# sourceMappingURL=input-group-NV4ZzKOk.js.map
+//# sourceMappingURL=input-group-CCSyY4J5.js.map

package/dist/{input-group-NV4ZzKOk.js.map → input-group-CCSyY4J5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-NV4ZzKOk.js","names":["React","InputPrimitive"],"sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', autoComplete, ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAM,0BAA0B,GAK9B,8DAGA,0FACA,mBACA,4EAGA,mFACA,+EACA,yBACA,6EACA,2EAEA,4JACA,sJACF;AAEA,IAAM,qCAAqC,GAGzC,8CACA,4CACA,2BACF;AAUA,IAAa,sBAAsB,GACjC,yBACA,gBACA,iCACA,qBACA,kCACF;AAMA,SAAS,WAAW,EAAE,WAAW,MAAM,GAAG,SAA0B;CAKlE,MAAM,WADYA,QAAM,WAAW,kBAClB,KAAa,QAAQ;CACtC,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,aAAW;EACX,WAAW,GACT,qBACA,cAAc,WACd,eAAe,WACf,kBACA,6DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,8BAA8B,GAClC,iDACA,iDACA,4CACF;AAIA,IAAM,uBAAuB,GAC3B,+EACA,+EACA,6EACF;AAEA,IAAM,0BAA0B,IAC9B,GACE,4EACA,6BACA,2DACA,oBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,OAAO;GACL,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,aAAa;EACf;CACF;CACA,kBAAkB;EAChB;GAAE,SAAS;GAAS,OAAO,CAAC,gBAAgB,YAAY;GAAG,WAAW;EAAwB;EAC9F;GAAE,SAAS;GAAS,OAAO;GAAgB,WAAW;EAA0B;EAChF;GAAE,SAAS;GAAS,OAAO;GAAc,WAAW;EAA0B;CAChF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CACF;AAQA,SAAS,gBAAgB,EACvB,WACA,QAAQ,gBACR,UAAU,WACV,SACA,GAAG,SACoB;CACvB,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GAAG,wBAAwB;GAAE;GAAO;EAAQ,CAAC,GAAG,SAAS;EACpE,UAAS,UAAS;GAIhB,IAAI,CADW,MAAM,OACT,QAAQ,4CAA0C,GAC5D,MAAM,cAAc,eAChB,cAAsD,iCAAiC,CAAC,EACxF,MAAM;GAEZ,UAAU,KAAK;EACjB;EACA,GAAI;CACL,CAAA;AAEL;AASA,IAAM,gCAAgC,GACpC,4EACA,4EACA,0EACF;AAGA,IAAa,6BAA6B,GACxC,gFACA,+BACA,gGACA,gCACA,6BACF;AAQA,SAAS,gBAAgB,EAAE,WAAW,QAAQ,OAAO,OAAO,QAAQ,cAAc,GAAG,SAA+B;CAClH,OACE,oBAACC,OAAD;EACQ;EACN,aAAU;EACV,eAAa;EACb,WAAW,GACT,4BAEA,qFACA,qFACA,2CAGA,qDACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL;AAQA,SAAS,mBAAmB,EAAE,WAAW,QAAQ,OAAO,GAAG,SAAkC;CAC3F,OACE,oBAAC,iBAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,GACT,4FACA,6BACA,gGACA,gCACA,+BACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;CACpE,OACE,oBAAC,QAAD;EACE,WAAW,GACT,0FACA,wCACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAOA,SAAS,iBAAiB,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,UAAU,GAAG,SAAgC;CACnH,OAAO,oBAAC,QAAD;EAAc;EAAY;EAAe;EAAS,GAAI;CAAQ,CAAA;AACvE"}
+{"version":3,"file":"input-group-CCSyY4J5.js","names":["React","InputPrimitive"],"sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label zoom-safe-text text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', autoComplete, ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 zoom-safe-text text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAM,0BAA0B,GAK9B,8DAGA,0FACA,mBACA,4EAGA,mFACA,+EACA,yBACA,6EACA,2EAEA,4JACA,sJACF;AAEA,IAAM,qCAAqC,GAGzC,8CACA,4CACA,2BACF;AAUA,IAAa,sBAAsB,GACjC,yBACA,gBACA,iCACA,qBACA,kCACF;AAMA,SAAS,WAAW,EAAE,WAAW,MAAM,GAAG,SAA0B;CAKlE,MAAM,WADYA,QAAM,WAAW,kBAClB,KAAa,QAAQ;CACtC,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,aAAW;EACX,WAAW,GACT,qBACA,cAAc,WACd,eAAe,WACf,kBACA,6DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,8BAA8B,GAClC,iDACA,iDACA,4CACF;AAIA,IAAM,uBAAuB,GAC3B,+EACA,+EACA,6EACF;AAEA,IAAM,0BAA0B,IAC9B,GACE,4EACA,6BACA,2DACA,oBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,OAAO;GACL,gBAAgB;GAChB,cAAc;GACd,eAAe;GACf,aAAa;EACf;CACF;CACA,kBAAkB;EAChB;GAAE,SAAS;GAAS,OAAO,CAAC,gBAAgB,YAAY;GAAG,WAAW;EAAwB;EAC9F;GAAE,SAAS;GAAS,OAAO;GAAgB,WAAW;EAA0B;EAChF;GAAE,SAAS;GAAS,OAAO;GAAc,WAAW;EAA0B;CAChF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CACF;AAQA,SAAS,gBAAgB,EACvB,WACA,QAAQ,gBACR,UAAU,WACV,SACA,GAAG,SACoB;CACvB,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GAAG,wBAAwB;GAAE;GAAO;EAAQ,CAAC,GAAG,SAAS;EACpE,UAAS,UAAS;GAIhB,IAAI,CADW,MAAM,OACT,QAAQ,4CAA0C,GAC5D,MAAM,cAAc,eAChB,cAAsD,iCAAiC,CAAC,EACxF,MAAM;GAEZ,UAAU,KAAK;EACjB;EACA,GAAI;CACL,CAAA;AAEL;AASA,IAAM,gCAAgC,GACpC,4EACA,4EACA,0EACF;AAGA,IAAa,6BAA6B,GACxC,+FACA,+BACA,gGACA,gCACA,6BACF;AAQA,SAAS,gBAAgB,EAAE,WAAW,QAAQ,OAAO,OAAO,QAAQ,cAAc,GAAG,SAA+B;CAClH,OACE,oBAACC,OAAD;EACQ;EACN,aAAU;EACV,eAAa;EACb,WAAW,GACT,4BAEA,qFACA,qFACA,2CAGA,qDACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;EACJ,GAAI,uBAAuB,YAAY;EACvC,GAAI,sBAAsB,KAAK;CAChC,CAAA;AAEL;AAQA,SAAS,mBAAmB,EAAE,WAAW,QAAQ,OAAO,GAAG,SAAkC;CAC3F,OACE,oBAAC,iBAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,GACT,2GACA,6BACA,gGACA,gCACA,+BACA,SACF;EACA,GAAI,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;CACpE,OACE,oBAAC,QAAD;EACE,WAAW,GACT,0FACA,wCACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAOA,SAAS,iBAAiB,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,UAAU,GAAG,SAAgC;CACnH,OAAO,oBAAC,QAAD;EAAc;EAAY;EAAe;EAAS,GAAI;CAAQ,CAAA;AACvE"}

package/dist/{input-group-DBCilXjT.cjs → input-group-Da8HBo30.cjs}

@@ -81,7 +81,7 @@ function InputGroupAddon({ className, align = "inline-start", variant = "default
 	});
 }
 var inputGroupControlHeightBySize = require_utils.cn("group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]", "group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]", "group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]");
-var inputGroupControlClassName = require_utils.cn("min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden", inputGroupControlHeightBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed");
+var inputGroupControlClassName = require_utils.cn("min-w-0 flex-1 bg-transparent px-3 text-label zoom-safe-text text-foreground outline-hidden", inputGroupControlHeightBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed");
 function InputGroupInput({ className, testId, error, type = "text", autoComplete, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_input.Input, {
 		type,
@@ -98,7 +98,7 @@ function InputGroupTextarea({ className, testId, error, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_textarea_control.TextareaControl, {
 		"data-slot": "input-group-control",
 		"data-testid": testId,
-		className: require_utils.cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
+		className: require_utils.cn("min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 zoom-safe-text text-foreground outline-hidden", inputGroupControlTextBySize, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70", "disabled:cursor-not-allowed", className),
 		...require_primitives_form_element.deprecatedErrorAria(error),
 		...props
 	});
@@ -166,4 +166,4 @@ Object.defineProperty(exports, "inputGroupControlClassName", {
 	}
 });
 
-//# sourceMappingURL=input-group-DBCilXjT.cjs.map
+//# sourceMappingURL=input-group-Da8HBo30.cjs.map

package/dist/{input-group-DBCilXjT.cjs.map → input-group-Da8HBo30.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-DBCilXjT.cjs","names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","controlHeight","controlSpacing","controlIconState","cva","InputPrimitive","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName","TextareaControl","Button"],"sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', autoComplete, ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"mappings":"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"}
+{"version":3,"file":"input-group-Da8HBo30.cjs","names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","controlHeight","controlSpacing","controlIconState","cva","InputPrimitive","deprecatedErrorAria","textFieldAutofillProps","keepOwnAccessibleName","TextareaControl","Button"],"sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { Input as InputPrimitive } from '@base-ui/react/input';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { ControlSizeContext, controlHeight, controlSpacing } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport {\n  deprecatedErrorAria,\n  fieldErrorRimWithin,\n  inputSurfaceAndFocusWithinStyle,\n} from '@/ds/primitives/form-element';\nimport { textFieldAutofillProps } from '@/ds/primitives/password-manager-autofill';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentProps<'div'> & {\n  size?: ControlSize;\n};\n\nfunction InputGroup({ className, size, ...props }: InputGroupProps) {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(\n        inputGroupClassName,\n        controlHeight[resolved],\n        controlSpacing[resolved],\n        controlIconState,\n        'has-[:disabled]:[--control-icon:var(--control-icon-rest)]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\n// An addon's icon takes the group's rung, as a Button's does (`iconSizeClasses`), unless it\n// sizes itself.\nconst inputGroupIconBySize = cn(\n  \"group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-icon-sm\",\n  \"group-data-[size=md]/input-group:[&>svg:not([class*='size-'])]:size-icon-md\",\n  \"group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-icon-lg\",\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    inputGroupIconBySize,\n  ),\n  {\n    variants: {\n      variant: {\n        default: '',\n        flush: '',\n      },\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    compoundVariants: [\n      { variant: 'flush', align: ['inline-start', 'inline-end'], className: 'gap-0 [&>button]:mx-0' },\n      { variant: 'flush', align: 'inline-start', className: 'pl-0 has-[>button]:pl-0' },\n      { variant: 'flush', align: 'inline-end', className: 'pr-0 has-[>button]:pr-0' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentProps<'div'> &\n  Omit<VariantProps<typeof inputGroupAddonVariants>, 'variant'> & {\n    /** `flush` joins inline buttons without a gap or an inset from the field's outside edge. */\n    variant?: VariantProps<typeof inputGroupAddonVariants>['variant'];\n  };\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  variant = 'default',\n  onClick,\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      data-variant={variant}\n      className={cn(inputGroupAddonVariants({ align, variant }), className)}\n      onClick={event => {\n        // Click on non-interactive addon area focuses the control inside the group.\n        // Skip when a button/input handled the click itself.\n        const target = event.target as HTMLElement;\n        if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n          event.currentTarget.parentElement\n            ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n            ?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared with InputNumber\nexport const inputGroupControlClassName = cn(\n  'min-w-0 flex-1 bg-transparent px-3 text-label zoom-safe-text text-foreground outline-hidden',\n  inputGroupControlHeightBySize,\n  'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n  'focus:placeholder:opacity-70',\n  'disabled:cursor-not-allowed',\n);\n\nexport type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupInput({ className, testId, error, type = 'text', autoComplete, ...props }: InputGroupInputProps) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        inputGroupControlClassName,\n        // WebKit and Firefox use different selectors for native number spinners.\n        '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n        '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n        '[&[type=number]]:[appearance:textfield]',\n        // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n        // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n        '[&::-webkit-search-cancel-button]:appearance-none',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n      {...textFieldAutofillProps(autoComplete)}\n      {...keepOwnAccessibleName(props)}\n    />\n  );\n}\n\nexport type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {\n  testId?: string;\n  /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n  error?: boolean;\n};\n\nfunction InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps) {\n  return (\n    <TextareaControl\n      data-slot=\"input-group-control\"\n      data-testid={testId}\n      className={cn(\n        'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 zoom-safe-text text-foreground outline-hidden',\n        inputGroupControlTextBySize,\n        'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n        'focus:placeholder:opacity-70',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupTextProps = React.ComponentProps<'span'>;\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nfunction InputGroupButton({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }: InputGroupButtonProps) {\n  return <Button type={type} size={size} variant={variant} {...props} />;\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"mappings":"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"}

package/dist/layout/tabbed-container.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tabbed_container = require("../tabbed-container-Bhfi-DWr.cjs");
+const require_tabbed_container = require("../tabbed-container-BMLD6mvc.cjs");
 exports.TabbedContainer = require_tabbed_container.TabbedContainer;

package/dist/layout/tabbed-container.es.js

@@ -1 +1 @@
-export { t as TabbedContainer } from "../tabbed-container-DOkHshha.js";
+export { t as TabbedContainer } from "../tabbed-container-CaS8cZCS.js";

package/dist/lib/form/components/number-field.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
-const require_input = require("../../../input-BpnUsQSt.cjs");
+const require_input = require("../../../input-D_V0m95F.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/lib/form/components/number-field.es.js

@@ -1,4 +1,4 @@
-import { t as Input } from "../../../input-Cyit5ZSc.js";
+import { t as Input } from "../../../input-BNykbvOz.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/lib/form/components/number-field.tsx

package/dist/lib/form/components/record-field.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../../../rolldown-runtime-CmQyd0Gu.cjs");
 const require_Button = require("../../../Button-BfICfyxD.cjs");
-const require_input = require("../../../input-BpnUsQSt.cjs");
+const require_input = require("../../../input-D_V0m95F.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/lib/form/components/record-field.es.js

@@ -1,5 +1,5 @@
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
-import { t as Input } from "../../../input-Cyit5ZSc.js";
+import { t as Input } from "../../../input-BNykbvOz.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus, TrashIcon } from "lucide-react";

package/dist/{observability-saved-views-DgABvgat.cjs → observability-saved-views-CzRPN_9m.cjs}

@@ -2,10 +2,10 @@ const require_domains_observability_saved_views_saved_views_source = require("./
 const require_domains_observability_saved_views_use_hosted_saved_views = require("./domains/observability/saved-views/use-hosted-saved-views.cjs.js");
 const require_domains_observability_components_observability_header_slot = require("./domains/observability/components/observability-header-slot.cjs.js");
 const require_Button = require("./Button-BfICfyxD.cjs");
-const require_combobox_parts = require("./combobox-parts-BeNqgCbj.cjs");
-const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.cjs");
+const require_combobox_parts = require("./combobox-parts-C236ZHtn.cjs");
+const require_dropdown_menu = require("./dropdown-menu-D3D8USIY.cjs");
 const require_components_Field = require("./components/Field.cjs.js");
-const require_input = require("./input-BpnUsQSt.cjs");
+const require_input = require("./input-D_V0m95F.cjs");
 const require_popover = require("./popover-D9AfJmla.cjs");
 const require_Txt = require("./Txt-_00wWxTd.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
@@ -301,4 +301,4 @@ Object.defineProperty(exports, "ObservabilitySavedViews", {
 	}
 });
 
-//# sourceMappingURL=observability-saved-views-DgABvgat.cjs.map
+//# sourceMappingURL=observability-saved-views-CzRPN_9m.cjs.map