@mastra/playground-ui 33.0.0-alpha.2 → 33.0.0-alpha.4

package/dist/section-card-23Os1QRs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card-23Os1QRs.cjs","sources":["../src/ds/components/SectionCard/card-heading.tsx","../src/ds/components/SectionCard/section-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface CardHeadingProps {\n  title: ReactNode;\n  description?: ReactNode;\n  tone?: 'default' | 'danger';\n  id?: string;\n  className?: string;\n  descriptionClassName?: string;\n}\n\nexport function CardHeading({\n  title,\n  description,\n  tone = 'default',\n  id,\n  className,\n  descriptionClassName,\n}: CardHeadingProps) {\n  const danger = tone === 'danger';\n  return (\n    <>\n      <h3\n        id={id}\n        className={cn(\n          'font-display text-header-md font-normal leading-tight tracking-normal',\n          danger ? 'text-accent2' : 'text-neutral4',\n          className,\n        )}\n      >\n        {title}\n      </h3>\n      {description != null && (\n        <p\n          className={cn(\n            'mt-2 max-w-[62ch] font-sans text-[13.5px] leading-ui-xs',\n            danger ? 'text-accent2/70' : 'text-neutral3',\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </p>\n      )}\n    </>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { CardHeading } from './card-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SectionCardVariant = 'default' | 'danger';\n\nexport interface SectionCardProps {\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  variant?: SectionCardVariant;\n  fillHeight?: boolean;\n  className?: string;\n  contentClassName?: string;\n  children: ReactNode;\n}\n\nexport function SectionCard({\n  title,\n  description,\n  action,\n  variant = 'default',\n  fillHeight = false,\n  className,\n  contentClassName,\n  children,\n}: SectionCardProps) {\n  const danger = variant === 'danger';\n\n  return (\n    <section\n      data-variant={variant}\n      className={cn(\n        'overflow-hidden rounded-2xl border',\n        fillHeight && 'flex h-full flex-col',\n        danger ? 'border-accent2/25' : 'border-border1',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col gap-3 px-7 pt-7 pb-6 sm:flex-row sm:items-start sm:justify-between sm:gap-6',\n          danger ? 'bg-accent2/8' : 'bg-surface-overlay-soft',\n        )}\n      >\n        <div className=\"min-w-0\">\n          <CardHeading title={title} description={description} tone={danger ? 'danger' : 'default'} />\n        </div>\n        {action != null ? <div className=\"shrink-0\">{action}</div> : null}\n      </div>\n      <div\n        className={cn(\n          'min-w-0 px-7 pt-6 pb-7',\n          fillHeight && 'flex-1',\n          danger ? 'bg-accent2/4' : null,\n          contentClassName,\n        )}\n      >\n        {children}\n      </div>\n    </section>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","cn"],"mappings":";;;;;AAYO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,EAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAS,IAAA,KAAS,QAAA;AACxB,EAAA,uBACEA,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,SAAA,EAAWC,QAAA;AAAA,UACT,uEAAA;AAAA,UACA,SAAS,cAAA,GAAiB,eAAA;AAAA,UAC1B;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,eAAe,IAAA,oBACdD,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA;AAAA,UACT,yDAAA;AAAA,UACA,SAAS,iBAAA,GAAoB,eAAA;AAAA,UAC7B;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;;AC7BO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAS,OAAA,KAAY,QAAA;AAE3B,EAAA,uBACEH,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAWG,QAAA;AAAA,QACT,oCAAA;AAAA,QACA,UAAA,IAAc,sBAAA;AAAA,QACd,SAAS,mBAAA,GAAsB,gBAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAH,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWG,QAAA;AAAA,cACT,2FAAA;AAAA,cACA,SAAS,cAAA,GAAiB;AAAA,aAC5B;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAc,WAAA,EAA0B,IAAA,EAAM,MAAA,GAAS,QAAA,GAAW,SAAA,EAAW,CAAA,EAC5F,CAAA;AAAA,cACC,UAAU,IAAA,mBAAOA,cAAA,CAAC,SAAI,SAAA,EAAU,UAAA,EAAY,kBAAO,CAAA,GAAS;AAAA;AAAA;AAAA,SAC/D;AAAA,wBACAA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWC,QAAA;AAAA,cACT,wBAAA;AAAA,cACA,UAAA,IAAc,QAAA;AAAA,cACd,SAAS,cAAA,GAAiB,IAAA;AAAA,cAC1B;AAAA,aACF;AAAA,YAEC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;;;;;"}

package/dist/section-card-BMArnkcD.js

@@ -0,0 +1,93 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function CardHeading({
+  title,
+  description,
+  tone = "default",
+  id,
+  className,
+  descriptionClassName
+}) {
+  const danger = tone === "danger";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "h3",
+      {
+        id,
+        className: cn(
+          "font-display text-header-md font-normal leading-tight tracking-normal",
+          danger ? "text-accent2" : "text-neutral4",
+          className
+        ),
+        children: title
+      }
+    ),
+    description != null && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: cn(
+          "mt-2 max-w-[62ch] font-sans text-[13.5px] leading-ui-xs",
+          danger ? "text-accent2/70" : "text-neutral3",
+          descriptionClassName
+        ),
+        children: description
+      }
+    )
+  ] });
+}
+
+function SectionCard({
+  title,
+  description,
+  action,
+  variant = "default",
+  fillHeight = false,
+  className,
+  contentClassName,
+  children
+}) {
+  const danger = variant === "danger";
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-variant": variant,
+      className: cn(
+        "overflow-hidden rounded-2xl border",
+        fillHeight && "flex h-full flex-col",
+        danger ? "border-accent2/25" : "border-border1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col gap-3 px-7 pt-7 pb-6 sm:flex-row sm:items-start sm:justify-between sm:gap-6",
+              danger ? "bg-accent2/8" : "bg-surface-overlay-soft"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx(CardHeading, { title, description, tone: danger ? "danger" : "default" }) }),
+              action != null ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "min-w-0 px-7 pt-6 pb-7",
+              fillHeight && "flex-1",
+              danger ? "bg-accent2/4" : null,
+              contentClassName
+            ),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { CardHeading as C, SectionCard as S };
+//# sourceMappingURL=section-card-BMArnkcD.js.map

package/dist/section-card-BMArnkcD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card-BMArnkcD.js","sources":["../src/ds/components/SectionCard/card-heading.tsx","../src/ds/components/SectionCard/section-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface CardHeadingProps {\n  title: ReactNode;\n  description?: ReactNode;\n  tone?: 'default' | 'danger';\n  id?: string;\n  className?: string;\n  descriptionClassName?: string;\n}\n\nexport function CardHeading({\n  title,\n  description,\n  tone = 'default',\n  id,\n  className,\n  descriptionClassName,\n}: CardHeadingProps) {\n  const danger = tone === 'danger';\n  return (\n    <>\n      <h3\n        id={id}\n        className={cn(\n          'font-display text-header-md font-normal leading-tight tracking-normal',\n          danger ? 'text-accent2' : 'text-neutral4',\n          className,\n        )}\n      >\n        {title}\n      </h3>\n      {description != null && (\n        <p\n          className={cn(\n            'mt-2 max-w-[62ch] font-sans text-[13.5px] leading-ui-xs',\n            danger ? 'text-accent2/70' : 'text-neutral3',\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </p>\n      )}\n    </>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { CardHeading } from './card-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SectionCardVariant = 'default' | 'danger';\n\nexport interface SectionCardProps {\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  variant?: SectionCardVariant;\n  fillHeight?: boolean;\n  className?: string;\n  contentClassName?: string;\n  children: ReactNode;\n}\n\nexport function SectionCard({\n  title,\n  description,\n  action,\n  variant = 'default',\n  fillHeight = false,\n  className,\n  contentClassName,\n  children,\n}: SectionCardProps) {\n  const danger = variant === 'danger';\n\n  return (\n    <section\n      data-variant={variant}\n      className={cn(\n        'overflow-hidden rounded-2xl border',\n        fillHeight && 'flex h-full flex-col',\n        danger ? 'border-accent2/25' : 'border-border1',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col gap-3 px-7 pt-7 pb-6 sm:flex-row sm:items-start sm:justify-between sm:gap-6',\n          danger ? 'bg-accent2/8' : 'bg-surface-overlay-soft',\n        )}\n      >\n        <div className=\"min-w-0\">\n          <CardHeading title={title} description={description} tone={danger ? 'danger' : 'default'} />\n        </div>\n        {action != null ? <div className=\"shrink-0\">{action}</div> : null}\n      </div>\n      <div\n        className={cn(\n          'min-w-0 px-7 pt-6 pb-7',\n          fillHeight && 'flex-1',\n          danger ? 'bg-accent2/4' : null,\n          contentClassName,\n        )}\n      >\n        {children}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;AAYO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,EAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAS,IAAA,KAAS,QAAA;AACxB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,uEAAA;AAAA,UACA,SAAS,cAAA,GAAiB,eAAA;AAAA,UAC1B;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,eAAe,IAAA,oBACd,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,yDAAA;AAAA,UACA,SAAS,iBAAA,GAAoB,eAAA;AAAA,UAC7B;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;;AC7BO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAS,OAAA,KAAY,QAAA;AAE3B,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,EAAA;AAAA,QACT,oCAAA;AAAA,QACA,UAAA,IAAc,sBAAA;AAAA,QACd,SAAS,mBAAA,GAAsB,gBAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,2FAAA;AAAA,cACA,SAAS,cAAA,GAAiB;AAAA,aAC5B;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAc,WAAA,EAA0B,IAAA,EAAM,MAAA,GAAS,QAAA,GAAW,SAAA,EAAW,CAAA,EAC5F,CAAA;AAAA,cACC,UAAU,IAAA,mBAAO,GAAA,CAAC,SAAI,SAAA,EAAU,UAAA,EAAY,kBAAO,CAAA,GAAS;AAAA;AAAA;AAAA,SAC/D;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,wBAAA;AAAA,cACA,UAAA,IAAc,QAAA;AAAA,cACd,SAAS,cAAA,GAAiB,IAAA;AAAA,cAC1B;AAAA,aACF;AAAA,YAEC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/section-muObW4n-.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function SectionHeader({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: utils.cn("grid items-center grid-cols-[1fr_auto]", className), children });
+}
+
+function SectionHeading({ headingLevel = "h2", children, className }) {
+  const HeadingTag = headingLevel;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HeadingTag,
+    {
+      className: utils.cn(
+        "flex items-center gap-2 text-ui-lg font-bold text-neutral4",
+        "[&>svg]:w-[1.2em] [&>svg]:h-[1.2em] [&>svg]:opacity-50",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function SectionRoot({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: utils.cn(`grid gap-4`, className), children });
+}
+function SubSectionRoot({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: utils.cn(`grid gap-2`, className), children });
+}
+
+const Section = Object.assign(SectionRoot, {
+  Header: SectionHeader,
+  Heading: SectionHeading
+});
+
+exports.Section = Section;
+exports.SectionRoot = SectionRoot;
+exports.SubSectionRoot = SubSectionRoot;
+//# sourceMappingURL=section-muObW4n-.cjs.map

package/dist/section-muObW4n-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-muObW4n-.cjs","sources":["../src/ds/components/Section/section-header.tsx","../src/ds/components/Section/section-heading.tsx","../src/ds/components/Section/section-root.tsx","../src/ds/components/Section/section.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function SectionHeader({ children, className }: SectionHeaderProps) {\n  return <header className={cn('grid items-center grid-cols-[1fr_auto]', className)}>{children}</header>;\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeadingProps = {\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function SectionHeading({ headingLevel = 'h2', children, className }: SectionHeadingProps) {\n  const HeadingTag = headingLevel;\n\n  return (\n    <HeadingTag\n      className={cn(\n        'flex items-center gap-2 text-ui-lg font-bold text-neutral4',\n        '[&>svg]:w-[1.2em] [&>svg]:h-[1.2em] [&>svg]:opacity-50',\n        className,\n      )}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SectionRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function SectionRoot({ children, className }: SectionRootProps) {\n  return <section className={cn(`grid gap-4`, className)}>{children}</section>;\n}\n\nexport function SubSectionRoot({ children, className }: SectionRootProps) {\n  return <section className={cn(`grid gap-2`, className)}>{children}</section>;\n}\n","import { SectionHeader } from './section-header';\nimport { SectionHeading } from './section-heading';\nimport { SectionRoot } from './section-root';\n\nexport { type SectionRootProps as SectionProps } from './section-root';\n\nexport const Section = Object.assign(SectionRoot, {\n  Header: SectionHeader,\n  Heading: SectionHeading,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;AAQO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAU,SAAA,EAAU,EAAuB;AACzE,EAAA,sCAAQ,QAAA,EAAA,EAAO,SAAA,EAAWA,SAAG,wCAAA,EAA0C,SAAS,GAAI,QAAA,EAAS,CAAA;AAC/F;;ACDO,SAAS,eAAe,EAAE,YAAA,GAAe,IAAA,EAAM,QAAA,EAAU,WAAU,EAAwB;AAChG,EAAA,MAAM,UAAA,GAAa,YAAA;AAEnB,EAAA,uBACEC,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,QAAA;AAAA,QACT,4DAAA;AAAA,QACA,wDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;AChBO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAU,SAAA,EAAU,EAAqB;AACrE,EAAA,sCAAQ,SAAA,EAAA,EAAQ,SAAA,EAAWA,SAAG,CAAA,UAAA,CAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AACpE;AAEO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,SAAA,EAAU,EAAqB;AACxE,EAAA,sCAAQ,SAAA,EAAA,EAAQ,SAAA,EAAWA,SAAG,CAAA,UAAA,CAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AACpE;;ACPO,MAAM,OAAA,GAAU,MAAA,CAAO,MAAA,CAAO,WAAA,EAAa;AAAA,EAChD,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAC;;;;;;"}

package/dist/sections-BgrvBjOR.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function Sections({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("grid gap-12", className), children });
+}
+
+exports.Sections = Sections;
+//# sourceMappingURL=sections-BgrvBjOR.cjs.map

package/dist/sections-BgrvBjOR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections-BgrvBjOR.cjs","sources":["../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n  return <div className={cn('grid gap-12', className)}>{children}</div>;\n}\n"],"names":["cn"],"mappings":";;;;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,SAAG,aAAA,EAAe,SAAS,GAAI,QAAA,EAAS,CAAA;AACjE;;;;"}

package/dist/sections-SdJxf4JD.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function Sections({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-12", className), children });
+}
+
+export { Sections as S };
+//# sourceMappingURL=sections-SdJxf4JD.js.map

package/dist/sections-SdJxf4JD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections-SdJxf4JD.js","sources":["../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n  return <div className={cn('grid gap-12', className)}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,aAAA,EAAe,SAAS,GAAI,QAAA,EAAS,CAAA;AACjE;;;;"}

package/dist/select-D2w0zRz4.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { Check, ChevronDown } from 'lucide-react';
+import * as React from 'react';
+import { b as buttonVariants } from './Button-DoOEJwa_.js';
+import { b as controlTriggerOpenState } from './control-size-BdDLgGX4.js';
+import { u as usePortalContainer } from './portal-container-BlQ6JKob.js';
+import { t as transitions } from './transitions-tFfqxz40.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function isSelectItem(node) {
+  return React.isValidElement(node) && node.type?.displayName === "SelectItem";
+}
+function collectItems(children, acc) {
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (isSelectItem(child)) {
+      acc.push({ value: child.props.value, label: child.props.children });
+      return;
+    }
+    const nested = child.props?.children;
+    if (nested != null) collectItems(nested, acc);
+  });
+}
+function Select({ children, items, onValueChange, ...props }) {
+  const derivedItems = React.useMemo(() => {
+    if (items != null) return items;
+    const acc = [];
+    collectItems(children, acc);
+    return acc.length > 0 ? acc : void 0;
+  }, [items, children]);
+  return /* @__PURE__ */ jsx(
+    Select$1.Root,
+    {
+      items: derivedItems,
+      onValueChange: onValueChange ? (value, eventDetails) => onValueChange(value, eventDetails) : void 0,
+      ...props,
+      children
+    }
+  );
+}
+Select.displayName = "Select";
+const SelectGroup = Select$1.Group;
+const SelectValue = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select$1.Value, { ref, className: cn("truncate", className), ...props }));
+SelectValue.displayName = "SelectValue";
+function normalizeSelectTriggerVariant(variant) {
+  return variant === "primary" ? "default" : variant;
+}
+const SelectTrigger = React.forwardRef(
+  ({ className, children, size = "md", variant = "default", ...props }, ref) => {
+    const visualVariant = normalizeSelectTriggerVariant(variant);
+    return /* @__PURE__ */ jsxs(
+      Select$1.Trigger,
+      {
+        ref,
+        "data-slot": "select-trigger",
+        className: cn(
+          buttonVariants({ variant: visualVariant, size }),
+          // Fill the field and push the value left / chevron right (Button's
+          // base centers its content with `justify-center`).
+          "w-full justify-between",
+          // Read as "active" while the menu is open, per variant (see map above).
+          controlTriggerOpenState[visualVariant],
+          "data-[placeholder]:text-neutral3",
+          "[&>span]:truncate",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Select$1.Icon,
+            {
+              render: /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-4 w-4 opacity-60", transitions.colors) }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = React.forwardRef(
+  ({ className, children, position: _position, container, side = "bottom", align = "start", sideOffset = 4, ...props }, ref) => {
+    const resolvedContainer = usePortalContainer(container);
+    return /* @__PURE__ */ jsx(Select$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
+      Select$1.Positioner,
+      {
+        className: "z-50 outline-none",
+        side,
+        align,
+        sideOffset,
+        alignItemWithTrigger: false,
+        children: /* @__PURE__ */ jsx(
+          Select$1.Popup,
+          {
+            ref,
+            className: cn(
+              "relative z-50 min-w-32 min-w-[var(--anchor-width)] max-h-dropdown-max-height max-h-[var(--available-height)] overflow-y-auto overflow-x-hidden rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog origin-[var(--transform-origin)]",
+              "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
+              "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx(Select$1.List, { children })
+          }
+        )
+      }
+    ) });
+  }
+);
+SelectContent.displayName = "SelectContent";
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Select$1.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-lg py-1.5 pl-2 pr-8 text-neutral4 text-ui-smd leading-ui-sm",
+      "outline-none focus:outline-none focus-visible:outline-none",
+      transitions.colors,
+      "hover:bg-surface4 hover:text-neutral6",
+      "focus:bg-surface4 focus:text-neutral6",
+      "data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6",
+      "data-[selected]:text-neutral6",
+      "data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-neutral6" }) }) }),
+      /* @__PURE__ */ jsx(Select$1.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = "SelectItem";
+
+export { Select as S, SelectContent as a, SelectGroup as b, SelectItem as c, SelectTrigger as d, SelectValue as e };
+//# sourceMappingURL=select-D2w0zRz4.js.map

package/dist/select-D2w0zRz4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-D2w0zRz4.js","sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { Check, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value, false>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems as SelectRootProps<Value>['items']}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the same button looks consumers see\n * everywhere: `default` (the Button's filled default surface — the default\n * here too), `outline` (bordered, transparent) and `ghost` (borderless, for\n * dense toolbars/inline pickers). The high-emphasis `primary` look is the only\n * one intentionally NOT offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'outline' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          'w-full justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-neutral3',\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {/* `SelectPrimitive.Icon` renders the provided element in place of its\n            default `<span>`, so the chevron would land as a *direct* `<svg>`\n            child of the trigger — where Button's `TEXT_MODE_ADORNMENTS`\n            `[&>svg]` rules (negative `mx`, forced 50% opacity, 1.1em sizing)\n            would distort and mis-position it. Wrapping it in a `<span>` keeps\n            the svg one level deep so those rules can't reach it, leaving the\n            chevron pinned at the right edge at its intended size and opacity. */}\n        <SelectPrimitive.Icon\n          render={\n            <span className=\"flex shrink-0 items-center\">\n              <ChevronDown className={cn('h-4 w-4 opacity-60', transitions.colors)} />\n            </span>\n          }\n        />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport type SelectContentProps = Omit<SelectPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  /**\n   * Kept for API compatibility with the previous Radix API. Radix supported\n   * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n   * positioning so this prop is accepted but has no effect.\n   */\n  position?: 'popper' | 'item-aligned';\n  /** Optional portal container, forwarded to `Select.Portal`. */\n  container?: HTMLElement | null;\n  side?: SelectPrimitive.Positioner.Props['side'];\n  align?: SelectPrimitive.Positioner.Props['align'];\n  sideOffset?: SelectPrimitive.Positioner.Props['sideOffset'];\n};\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    { className, children, position: _position, container, side = 'bottom', align = 'start', sideOffset = 4, ...props },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner\n          className=\"z-50 outline-none\"\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignItemWithTrigger={false}\n        >\n          <SelectPrimitive.Popup\n            ref={ref}\n            className={cn(\n              'relative z-50 min-w-32 min-w-[var(--anchor-width)] max-h-dropdown-max-height max-h-[var(--available-height)] overflow-y-auto overflow-x-hidden rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog origin-[var(--transform-origin)]',\n              'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              className,\n            )}\n            {...props}\n          >\n            <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-lg py-1.5 pl-2 pr-8 text-neutral4 text-ui-smd leading-ui-sm',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'hover:bg-surface4 hover:text-neutral6',\n      'focus:bg-surface4 focus:text-neutral6',\n      'data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6',\n      'data-[selected]:text-neutral6',\n      'data-disabled:pointer-events-none data-disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4 text-neutral6\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem };\n"],"names":["SelectPrimitive"],"mappings":"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"}

package/dist/select-DDgw1wG-.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const select = require('@base-ui/react/select');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-DpIX8JMz.cjs');
+const controlSize = require('./control-size-D67C0kPZ.cjs');
+const portalContainer = require('./portal-container-BsvHZxj7.cjs');
+const transitions = require('./transitions-DpczSjmD.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function isSelectItem(node) {
+  return React__namespace.isValidElement(node) && node.type?.displayName === "SelectItem";
+}
+function collectItems(children, acc) {
+  React__namespace.Children.forEach(children, (child) => {
+    if (!React__namespace.isValidElement(child)) return;
+    if (isSelectItem(child)) {
+      acc.push({ value: child.props.value, label: child.props.children });
+      return;
+    }
+    const nested = child.props?.children;
+    if (nested != null) collectItems(nested, acc);
+  });
+}
+function Select({ children, items, onValueChange, ...props }) {
+  const derivedItems = React__namespace.useMemo(() => {
+    if (items != null) return items;
+    const acc = [];
+    collectItems(children, acc);
+    return acc.length > 0 ? acc : void 0;
+  }, [items, children]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    select.Select.Root,
+    {
+      items: derivedItems,
+      onValueChange: onValueChange ? (value, eventDetails) => onValueChange(value, eventDetails) : void 0,
+      ...props,
+      children
+    }
+  );
+}
+Select.displayName = "Select";
+const SelectGroup = select.Select.Group;
+const SelectValue = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(select.Select.Value, { ref, className: utils.cn("truncate", className), ...props }));
+SelectValue.displayName = "SelectValue";
+function normalizeSelectTriggerVariant(variant) {
+  return variant === "primary" ? "default" : variant;
+}
+const SelectTrigger = React__namespace.forwardRef(
+  ({ className, children, size = "md", variant = "default", ...props }, ref) => {
+    const visualVariant = normalizeSelectTriggerVariant(variant);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      select.Select.Trigger,
+      {
+        ref,
+        "data-slot": "select-trigger",
+        className: utils.cn(
+          Button.buttonVariants({ variant: visualVariant, size }),
+          // Fill the field and push the value left / chevron right (Button's
+          // base centers its content with `justify-center`).
+          "w-full justify-between",
+          // Read as "active" while the menu is open, per variant (see map above).
+          controlSize.controlTriggerOpenState[visualVariant],
+          "data-[placeholder]:text-neutral3",
+          "[&>span]:truncate",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            select.Select.Icon,
+            {
+              render: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: utils.cn("h-4 w-4 opacity-60", transitions.transitions.colors) }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = React__namespace.forwardRef(
+  ({ className, children, position: _position, container, side = "bottom", align = "start", sideOffset = 4, ...props }, ref) => {
+    const resolvedContainer = portalContainer.usePortalContainer(container);
+    return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select.Positioner,
+      {
+        className: "z-50 outline-none",
+        side,
+        align,
+        sideOffset,
+        alignItemWithTrigger: false,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          select.Select.Popup,
+          {
+            ref,
+            className: utils.cn(
+              "relative z-50 min-w-32 min-w-[var(--anchor-width)] max-h-dropdown-max-height max-h-[var(--available-height)] overflow-y-auto overflow-x-hidden rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog origin-[var(--transform-origin)]",
+              "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
+              "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.List, { children })
+          }
+        )
+      }
+    ) });
+  }
+);
+SelectContent.displayName = "SelectContent";
+const SelectItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  select.Select.Item,
+  {
+    ref,
+    className: utils.cn(
+      "relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-lg py-1.5 pl-2 pr-8 text-neutral4 text-ui-smd leading-ui-sm",
+      "outline-none focus:outline-none focus-visible:outline-none",
+      transitions.transitions.colors,
+      "hover:bg-surface4 hover:text-neutral6",
+      "focus:bg-surface4 focus:text-neutral6",
+      "data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6",
+      "data-[selected]:text-neutral6",
+      "data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 text-neutral6" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(select.Select.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = "SelectItem";
+
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+//# sourceMappingURL=select-DDgw1wG-.cjs.map

package/dist/select-DDgw1wG-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DDgw1wG-.cjs","sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { Check, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value, false>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems as SelectRootProps<Value>['items']}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the same button looks consumers see\n * everywhere: `default` (the Button's filled default surface — the default\n * here too), `outline` (bordered, transparent) and `ghost` (borderless, for\n * dense toolbars/inline pickers). The high-emphasis `primary` look is the only\n * one intentionally NOT offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'outline' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          'w-full justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-neutral3',\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {/* `SelectPrimitive.Icon` renders the provided element in place of its\n            default `<span>`, so the chevron would land as a *direct* `<svg>`\n            child of the trigger — where Button's `TEXT_MODE_ADORNMENTS`\n            `[&>svg]` rules (negative `mx`, forced 50% opacity, 1.1em sizing)\n            would distort and mis-position it. Wrapping it in a `<span>` keeps\n            the svg one level deep so those rules can't reach it, leaving the\n            chevron pinned at the right edge at its intended size and opacity. */}\n        <SelectPrimitive.Icon\n          render={\n            <span className=\"flex shrink-0 items-center\">\n              <ChevronDown className={cn('h-4 w-4 opacity-60', transitions.colors)} />\n            </span>\n          }\n        />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport type SelectContentProps = Omit<SelectPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  /**\n   * Kept for API compatibility with the previous Radix API. Radix supported\n   * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n   * positioning so this prop is accepted but has no effect.\n   */\n  position?: 'popper' | 'item-aligned';\n  /** Optional portal container, forwarded to `Select.Portal`. */\n  container?: HTMLElement | null;\n  side?: SelectPrimitive.Positioner.Props['side'];\n  align?: SelectPrimitive.Positioner.Props['align'];\n  sideOffset?: SelectPrimitive.Positioner.Props['sideOffset'];\n};\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    { className, children, position: _position, container, side = 'bottom', align = 'start', sideOffset = 4, ...props },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner\n          className=\"z-50 outline-none\"\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignItemWithTrigger={false}\n        >\n          <SelectPrimitive.Popup\n            ref={ref}\n            className={cn(\n              'relative z-50 min-w-32 min-w-[var(--anchor-width)] max-h-dropdown-max-height max-h-[var(--available-height)] overflow-y-auto overflow-x-hidden rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog origin-[var(--transform-origin)]',\n              'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              className,\n            )}\n            {...props}\n          >\n            <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-lg py-1.5 pl-2 pr-8 text-neutral4 text-ui-smd leading-ui-sm',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'hover:bg-surface4 hover:text-neutral6',\n      'focus:bg-surface4 focus:text-neutral6',\n      'data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6',\n      'data-[selected]:text-neutral6',\n      'data-disabled:pointer-events-none data-disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4 text-neutral6\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem };\n"],"names":["React","jsx","SelectPrimitive","cn","jsxs","buttonVariants","controlTriggerOpenState","ChevronDown","transitions","usePortalContainer","Check"],"mappings":"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"}