@invergent/ui-sdk 0.0.0-stage → 2.19.0

package/dist/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scroll-area.tsx"],"names":["ScrollAreaPrimitive"],"mappings":";;;;AAOA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,IAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAACA,YAAA,CAAoB,QAAA;AAAA,UAApB;AAAA,YACC,WAAA,EAAU,sBAAA;AAAA,YACV,SAAA,EAAU,oJAAA;AAAA,YAET;AAAA;AAAA,SACH;AAAA,4BACC,SAAA,EAAA,EAAU,CAAA;AAAA,wBACX,GAAA,CAACA,YAAA,CAAoB,MAAA,EAApB,EAA2B;AAAA;AAAA;AAAA,GAC9B;AAEJ;AAEA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,mBAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,kBAAA,EAAkB,WAAA;AAAA,MAClB,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oQAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,YAAA,CAAoB,eAAA;AAAA,QAApB;AAAA,UACC,WAAA,EAAU,mBAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ","file":"scroll-area.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ScrollArea as ScrollAreaPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-none bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"]}

package/dist/section-label.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunk2UHRDVPT_cjs = require('./chunk-2UHRDVPT.cjs');
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function SectionLabel({
+  label,
+  className,
+  ...props
+}) {
+  const { collapsed } = chunk2UHRDVPT_cjs.useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "section-label",
+      className: chunk6YHDDRIM_cjs.cn(
+        "border-t border-line pointer-coarse:mt-3 pointer-coarse:mb-1 pointer-coarse:pt-4",
+        collapsed ? "my-1.5" : "mt-2 mb-0.5 pt-3 pl-2.5",
+        className
+      ),
+      ...props,
+      children: !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block text-xs text-subtle pointer-coarse:text-[13px] pointer-coarse:font-medium pointer-coarse:tracking-wide", children: label })
+    }
+  );
+}
+
+exports.SectionLabel = SectionLabel;
+//# sourceMappingURL=section-label.cjs.map
+//# sourceMappingURL=section-label.cjs.map

package/dist/section-label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/section-label.tsx"],"names":["useSidebar","jsx","cn"],"mappings":";;;;;;AAUA,SAAS,YAAA,CAAa;AAAA,EACpB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA+E;AAG7E,EAAA,MAAM,EAAE,SAAA,EAAU,GAAIA,4BAAA,EAAW;AAEjC,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,kFAAA;AAAA,QACA,YAAY,QAAA,GAAW,yBAAA;AAAA,QACvB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,WAAC,SAAA,oBACAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uHACb,QAAA,EAAA,KAAA,EACH;AAAA;AAAA,GAEJ;AAEJ","file":"section-label.cjs","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\nimport { useSidebar } from \"./sidebar\"\n\n/**\n * The Work navbar's group label (\"Library\"): a rule above a small, quiet\n * word, starting a new group in a list of rows. Touch steps the type up and\n * the spacing out with the rows around it.\n */\nfunction SectionLabel({\n  label,\n  className,\n  ...props\n}: Omit<React.ComponentProps<\"div\">, \"children\"> & { label: React.ReactNode }) {\n  // In a collapsed sidebar rail there is no room for the word: the rule alone\n  // still says \"a new group\".\n  const { collapsed } = useSidebar()\n\n  return (\n    <div\n      data-slot=\"section-label\"\n      className={cn(\n        \"border-t border-line pointer-coarse:mt-3 pointer-coarse:mb-1 pointer-coarse:pt-4\",\n        collapsed ? \"my-1.5\" : \"mt-2 mb-0.5 pt-3 pl-2.5\",\n        className\n      )}\n      {...props}\n    >\n      {!collapsed && (\n        <span className=\"inline-block text-xs text-subtle pointer-coarse:text-[13px] pointer-coarse:font-medium pointer-coarse:tracking-wide\">\n          {label}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { SectionLabel }\n"]}

package/dist/section-label.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * The Work navbar's group label ("Library"): a rule above a small, quiet
+ * word, starting a new group in a list of rows. Touch steps the type up and
+ * the spacing out with the rows around it.
+ */
+declare function SectionLabel({ label, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+    label: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { SectionLabel };

package/dist/section-label.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * The Work navbar's group label ("Library"): a rule above a small, quiet
+ * word, starting a new group in a list of rows. Touch steps the type up and
+ * the spacing out with the rows around it.
+ */
+declare function SectionLabel({ label, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+    label: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { SectionLabel };

package/dist/section-label.js

@@ -0,0 +1,28 @@
+import { useSidebar } from './chunk-L73QIINW.js';
+import { cn } from './chunk-LZGII7SX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function SectionLabel({
+  label,
+  className,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "section-label",
+      className: cn(
+        "border-t border-line pointer-coarse:mt-3 pointer-coarse:mb-1 pointer-coarse:pt-4",
+        collapsed ? "my-1.5" : "mt-2 mb-0.5 pt-3 pl-2.5",
+        className
+      ),
+      ...props,
+      children: !collapsed && /* @__PURE__ */ jsx("span", { className: "inline-block text-xs text-subtle pointer-coarse:text-[13px] pointer-coarse:font-medium pointer-coarse:tracking-wide", children: label })
+    }
+  );
+}
+
+export { SectionLabel };
+//# sourceMappingURL=section-label.js.map
+//# sourceMappingURL=section-label.js.map

package/dist/section-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/section-label.tsx"],"names":[],"mappings":";;;;AAUA,SAAS,YAAA,CAAa;AAAA,EACpB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA+E;AAG7E,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,EAAW;AAEjC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kFAAA;AAAA,QACA,YAAY,QAAA,GAAW,yBAAA;AAAA,QACvB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,WAAC,SAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uHACb,QAAA,EAAA,KAAA,EACH;AAAA;AAAA,GAEJ;AAEJ","file":"section-label.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\nimport { useSidebar } from \"./sidebar\"\n\n/**\n * The Work navbar's group label (\"Library\"): a rule above a small, quiet\n * word, starting a new group in a list of rows. Touch steps the type up and\n * the spacing out with the rows around it.\n */\nfunction SectionLabel({\n  label,\n  className,\n  ...props\n}: Omit<React.ComponentProps<\"div\">, \"children\"> & { label: React.ReactNode }) {\n  // In a collapsed sidebar rail there is no room for the word: the rule alone\n  // still says \"a new group\".\n  const { collapsed } = useSidebar()\n\n  return (\n    <div\n      data-slot=\"section-label\"\n      className={cn(\n        \"border-t border-line pointer-coarse:mt-3 pointer-coarse:mb-1 pointer-coarse:pt-4\",\n        collapsed ? \"my-1.5\" : \"mt-2 mb-0.5 pt-3 pl-2.5\",\n        className\n      )}\n      {...props}\n    >\n      {!collapsed && (\n        <span className=\"inline-block text-xs text-subtle pointer-coarse:text-[13px] pointer-coarse:font-medium pointer-coarse:tracking-wide\">\n          {label}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport { SectionLabel }\n"]}

package/dist/segmented-control.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function SegmentedControl({
+  segments,
+  value,
+  onChange,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "segmented-control",
+      className: chunk6YHDDRIM_cjs.cn(
+        "flex shrink-0 items-center gap-2 text-[13px]",
+        "pointer-coarse:w-full pointer-coarse:gap-1 pointer-coarse:rounded-full pointer-coarse:bg-foreground/[0.06] pointer-coarse:p-1 pointer-coarse:text-sm",
+        className
+      ),
+      children: segments.map((segment, index) => {
+        const active = segment.value === value;
+        return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+          index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-subtle pointer-coarse:hidden", children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "segmented-control-item",
+              "aria-label": segment.ariaLabel,
+              "aria-pressed": active,
+              onClick: () => {
+                if (!active) onChange(segment.value);
+              },
+              className: chunk6YHDDRIM_cjs.cn(
+                "cursor-pointer rounded-full border-none font-semibold transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                "pointer-coarse:inline-flex pointer-coarse:min-h-11 pointer-coarse:flex-1 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:px-4",
+                active ? "bg-amber-400 px-3 py-1.25 text-stone-950 pointer-coarse:py-0" : "bg-transparent text-subtle hover:text-foreground pointer-coarse:text-muted-foreground pointer-coarse:active:bg-foreground/[0.06]"
+              ),
+              children: segment.label
+            }
+          )
+        ] }, segment.value);
+      })
+    }
+  );
+}
+
+exports.SegmentedControl = SegmentedControl;
+//# sourceMappingURL=segmented-control.cjs.map
+//# sourceMappingURL=segmented-control.cjs.map

package/dist/segmented-control.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented-control.tsx"],"names":["jsx","cn","jsxs","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAS,gBAAA,CAAmC;AAAA,EAC1C,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAMG;AACD,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,8CAAA;AAAA,QACA,sJAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,KAAU;AAChC,QAAA,MAAM,MAAA,GAAS,QAAQ,KAAA,KAAU,KAAA;AACjC,QAAA,uBACEC,eAAA,CAAOC,2BAAN,EACE,QAAA,EAAA;AAAA,UAAA,KAAA,GAAQ,qBACPH,cAAA,CAAC,MAAA,EAAA,EAAK,eAAa,IAAA,EAAM,SAAA,EAAU,qCAAoC,QAAA,EAAA,GAAA,EAEvE,CAAA;AAAA,0BAEFA,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,wBAAA;AAAA,cACV,cAAY,OAAA,CAAQ,SAAA;AAAA,cACpB,cAAA,EAAc,MAAA;AAAA,cACd,SAAS,MAAM;AACb,gBAAA,IAAI,CAAC,MAAA,EAAQ,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA;AAAA,cACrC,CAAA;AAAA,cACA,SAAA,EAAWC,oBAAA;AAAA,gBACT,sIAAA;AAAA,gBACA,wJAAA;AAAA,gBACA,SACI,8DAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA;AACX,SAAA,EAAA,EAvBmB,QAAQ,KAwB7B,CAAA;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ","file":"segmented-control.cjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nexport interface Segment<T extends string> {\n  value: T\n  label: React.ReactNode\n  /** Accessible name when the label alone is too terse (\"Dev\" → \"Dev workspace\"). */\n  ariaLabel?: string\n}\n\n/**\n * The Work console's mode switch (its Work / Dev toggle), for any two or\n * three peers. With a mouse it is a line of 13px words split by slashes, the\n * picked one an amber pill; on touch it becomes a full-width segmented\n * control at the 44px floor, equal halves on a round track. Every segment is\n * a button: the picked one is inert but stays focusable and announces its\n * state, which a `<span>` cannot.\n */\nfunction SegmentedControl<T extends string>({\n  segments,\n  value,\n  onChange,\n  className,\n  \"aria-label\": ariaLabel,\n}: {\n  segments: readonly Segment<T>[]\n  value: T\n  onChange: (value: T) => void\n  className?: string\n  \"aria-label\"?: string\n}) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"segmented-control\"\n      className={cn(\n        \"flex shrink-0 items-center gap-2 text-[13px]\",\n        \"pointer-coarse:w-full pointer-coarse:gap-1 pointer-coarse:rounded-full pointer-coarse:bg-foreground/[0.06] pointer-coarse:p-1 pointer-coarse:text-sm\",\n        className\n      )}\n    >\n      {segments.map((segment, index) => {\n        const active = segment.value === value\n        return (\n          <React.Fragment key={segment.value}>\n            {index > 0 && (\n              <span aria-hidden={true} className=\"text-subtle pointer-coarse:hidden\">\n                /\n              </span>\n            )}\n            <button\n              type=\"button\"\n              data-slot=\"segmented-control-item\"\n              aria-label={segment.ariaLabel}\n              aria-pressed={active}\n              onClick={() => {\n                if (!active) onChange(segment.value)\n              }}\n              className={cn(\n                \"cursor-pointer rounded-full border-none font-semibold transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40\",\n                \"pointer-coarse:inline-flex pointer-coarse:min-h-11 pointer-coarse:flex-1 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:px-4\",\n                active\n                  ? \"bg-amber-400 px-3 py-1.25 text-stone-950 pointer-coarse:py-0\"\n                  : \"bg-transparent text-subtle hover:text-foreground pointer-coarse:text-muted-foreground pointer-coarse:active:bg-foreground/[0.06]\"\n              )}\n            >\n              {segment.label}\n            </button>\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { SegmentedControl }\n"]}

package/dist/segmented-control.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface Segment<T extends string> {
+    value: T;
+    label: React.ReactNode;
+    /** Accessible name when the label alone is too terse ("Dev" → "Dev workspace"). */
+    ariaLabel?: string;
+}
+/**
+ * The Work console's mode switch (its Work / Dev toggle), for any two or
+ * three peers. With a mouse it is a line of 13px words split by slashes, the
+ * picked one an amber pill; on touch it becomes a full-width segmented
+ * control at the 44px floor, equal halves on a round track. Every segment is
+ * a button: the picked one is inert but stays focusable and announces its
+ * state, which a `<span>` cannot.
+ */
+declare function SegmentedControl<T extends string>({ segments, value, onChange, className, "aria-label": ariaLabel, }: {
+    segments: readonly Segment<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    className?: string;
+    "aria-label"?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { type Segment, SegmentedControl };

package/dist/segmented-control.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface Segment<T extends string> {
+    value: T;
+    label: React.ReactNode;
+    /** Accessible name when the label alone is too terse ("Dev" → "Dev workspace"). */
+    ariaLabel?: string;
+}
+/**
+ * The Work console's mode switch (its Work / Dev toggle), for any two or
+ * three peers. With a mouse it is a line of 13px words split by slashes, the
+ * picked one an amber pill; on touch it becomes a full-width segmented
+ * control at the 44px floor, equal halves on a round track. Every segment is
+ * a button: the picked one is inert but stays focusable and announces its
+ * state, which a `<span>` cannot.
+ */
+declare function SegmentedControl<T extends string>({ segments, value, onChange, className, "aria-label": ariaLabel, }: {
+    segments: readonly Segment<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    className?: string;
+    "aria-label"?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { type Segment, SegmentedControl };

package/dist/segmented-control.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-LZGII7SX.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SegmentedControl({
+  segments,
+  value,
+  onChange,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "segmented-control",
+      className: cn(
+        "flex shrink-0 items-center gap-2 text-[13px]",
+        "pointer-coarse:w-full pointer-coarse:gap-1 pointer-coarse:rounded-full pointer-coarse:bg-foreground/[0.06] pointer-coarse:p-1 pointer-coarse:text-sm",
+        className
+      ),
+      children: segments.map((segment, index) => {
+        const active = segment.value === value;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          index > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-subtle pointer-coarse:hidden", children: "/" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "segmented-control-item",
+              "aria-label": segment.ariaLabel,
+              "aria-pressed": active,
+              onClick: () => {
+                if (!active) onChange(segment.value);
+              },
+              className: cn(
+                "cursor-pointer rounded-full border-none font-semibold transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                "pointer-coarse:inline-flex pointer-coarse:min-h-11 pointer-coarse:flex-1 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:px-4",
+                active ? "bg-amber-400 px-3 py-1.25 text-stone-950 pointer-coarse:py-0" : "bg-transparent text-subtle hover:text-foreground pointer-coarse:text-muted-foreground pointer-coarse:active:bg-foreground/[0.06]"
+              ),
+              children: segment.label
+            }
+          )
+        ] }, segment.value);
+      })
+    }
+  );
+}
+
+export { SegmentedControl };
+//# sourceMappingURL=segmented-control.js.map
+//# sourceMappingURL=segmented-control.js.map

package/dist/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented-control.tsx"],"names":[],"mappings":";;;;AAqBA,SAAS,gBAAA,CAAmC;AAAA,EAC1C,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAMG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,8CAAA;AAAA,QACA,sJAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,KAAA,KAAU;AAChC,QAAA,MAAM,MAAA,GAAS,QAAQ,KAAA,KAAU,KAAA;AACjC,QAAA,uBACE,IAAA,CAAO,gBAAN,EACE,QAAA,EAAA;AAAA,UAAA,KAAA,GAAQ,qBACP,GAAA,CAAC,MAAA,EAAA,EAAK,eAAa,IAAA,EAAM,SAAA,EAAU,qCAAoC,QAAA,EAAA,GAAA,EAEvE,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,wBAAA;AAAA,cACV,cAAY,OAAA,CAAQ,SAAA;AAAA,cACpB,cAAA,EAAc,MAAA;AAAA,cACd,SAAS,MAAM;AACb,gBAAA,IAAI,CAAC,MAAA,EAAQ,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA;AAAA,cACrC,CAAA;AAAA,cACA,SAAA,EAAW,EAAA;AAAA,gBACT,sIAAA;AAAA,gBACA,wJAAA;AAAA,gBACA,SACI,8DAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA;AACX,SAAA,EAAA,EAvBmB,QAAQ,KAwB7B,CAAA;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ","file":"segmented-control.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nexport interface Segment<T extends string> {\n  value: T\n  label: React.ReactNode\n  /** Accessible name when the label alone is too terse (\"Dev\" → \"Dev workspace\"). */\n  ariaLabel?: string\n}\n\n/**\n * The Work console's mode switch (its Work / Dev toggle), for any two or\n * three peers. With a mouse it is a line of 13px words split by slashes, the\n * picked one an amber pill; on touch it becomes a full-width segmented\n * control at the 44px floor, equal halves on a round track. Every segment is\n * a button: the picked one is inert but stays focusable and announces its\n * state, which a `<span>` cannot.\n */\nfunction SegmentedControl<T extends string>({\n  segments,\n  value,\n  onChange,\n  className,\n  \"aria-label\": ariaLabel,\n}: {\n  segments: readonly Segment<T>[]\n  value: T\n  onChange: (value: T) => void\n  className?: string\n  \"aria-label\"?: string\n}) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"segmented-control\"\n      className={cn(\n        \"flex shrink-0 items-center gap-2 text-[13px]\",\n        \"pointer-coarse:w-full pointer-coarse:gap-1 pointer-coarse:rounded-full pointer-coarse:bg-foreground/[0.06] pointer-coarse:p-1 pointer-coarse:text-sm\",\n        className\n      )}\n    >\n      {segments.map((segment, index) => {\n        const active = segment.value === value\n        return (\n          <React.Fragment key={segment.value}>\n            {index > 0 && (\n              <span aria-hidden={true} className=\"text-subtle pointer-coarse:hidden\">\n                /\n              </span>\n            )}\n            <button\n              type=\"button\"\n              data-slot=\"segmented-control-item\"\n              aria-label={segment.ariaLabel}\n              aria-pressed={active}\n              onClick={() => {\n                if (!active) onChange(segment.value)\n              }}\n              className={cn(\n                \"cursor-pointer rounded-full border-none font-semibold transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40\",\n                \"pointer-coarse:inline-flex pointer-coarse:min-h-11 pointer-coarse:flex-1 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:px-4\",\n                active\n                  ? \"bg-amber-400 px-3 py-1.25 text-stone-950 pointer-coarse:py-0\"\n                  : \"bg-transparent text-subtle hover:text-foreground pointer-coarse:text-muted-foreground pointer-coarse:active:bg-foreground/[0.06]\"\n              )}\n            >\n              {segment.label}\n            </button>\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { SegmentedControl }\n"]}

package/dist/select.cjs

@@ -0,0 +1,193 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.Group,
+    {
+      "data-slot": "select-group",
+      className: chunk6YHDDRIM_cjs.cn("scroll-my-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: chunk6YHDDRIM_cjs.cn(
+        "flex w-fit items-center justify-between gap-1.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3.5 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive data-placeholder:text-muted-foreground/50 data-[size=default]:h-10 data-[size=sm]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      className: chunk6YHDDRIM_cjs.cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[8px] border border-foreground/10 bg-card p-1 text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)] duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          radixUi.Select.Viewport,
+          {
+            "data-position": position,
+            className: chunk6YHDDRIM_cjs.cn(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
+              position === "popper" && ""
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.Label,
+    {
+      "data-slot": "select-label",
+      className: chunk6YHDDRIM_cjs.cn(
+        "px-3 pt-2 pb-1 text-[11.5px] font-medium text-muted-foreground/80",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Item,
+    {
+      "data-slot": "select-item",
+      className: chunk6YHDDRIM_cjs.cn(
+        "relative flex min-h-11 w-full cursor-default items-center gap-2 rounded-[6px] py-[9px] pr-8 pl-3 text-[13px] text-muted-foreground outline-hidden select-none pointer-fine:min-h-0 focus:bg-foreground/[0.06] focus:text-foreground data-[state=checked]:bg-amber-500/10 data-[state=checked]:font-medium data-[state=checked]:text-amber-500 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.Separator,
+    {
+      "data-slot": "select-separator",
+      className: chunk6YHDDRIM_cjs.cn(
+        "pointer-events-none -mx-1 my-1 h-px bg-foreground/[0.06]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: chunk6YHDDRIM_cjs.cn(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.ChevronUpIcon,
+        {}
+      )
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: chunk6YHDDRIM_cjs.cn(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.ChevronDownIcon,
+        {}
+      )
+    }
+  );
+}
+
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+//# sourceMappingURL=select.cjs.map
+//# sourceMappingURL=select.cjs.map

package/dist/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"names":["SelectPrimitive","jsx","cn","jsxs","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"mappings":"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","file":"select.cjs","sourcesContent":["import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3.5 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive data-placeholder:text-muted-foreground/50 data-[size=default]:h-10 data-[size=sm]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"pointer-events-none size-3.5 text-muted-foreground\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        data-align-trigger={position === \"item-aligned\"}\n        className={cn(\"relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[8px] border border-foreground/10 bg-card p-1 text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)] duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", position === \"popper\" && \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\", className)}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          data-position={position}\n          className={cn(\n            \"data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)\",\n            position === \"popper\" && \"\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\n        \"px-3 pt-2 pb-1 text-[11.5px] font-medium text-muted-foreground/80\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex min-h-11 w-full cursor-default items-center gap-2 rounded-[6px] py-[9px] pr-8 pl-3 text-[13px] text-muted-foreground outline-hidden select-none pointer-fine:min-h-0 focus:bg-foreground/[0.06] focus:text-foreground data-[state=checked]:bg-amber-500/10 data-[state=checked]:font-medium data-[state=checked]:text-amber-500 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"pointer-events-none\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"pointer-events-none -mx-1 my-1 h-px bg-foreground/[0.06]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"]}

package/dist/select.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/select.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };