@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/searchbar-B42oQGrT.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const useDebounce = require('use-debounce');
+const primitives_controlSize = require('./primitives/control-size.cjs.js');
+const primitives_formElement = require('./primitives/form-element.cjs.js');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+const searchbarFilledSurface = utils_cn.cn(
+  "bg-surface-overlay-soft rounded-full",
+  "hover:bg-surface-overlay-strong",
+  primitives_formElement.inputHoverBorderWithin,
+  "outline-hidden focus-within:outline-hidden focus-within:bg-surface-overlay-strong",
+  primitives_formElement.inputFocusBorderWithin
+);
+const searchbarVariantClasses = {
+  default: searchbarFilledSurface,
+  filled: searchbarFilledSurface,
+  outline: utils_cn.cn(
+    "bg-transparent rounded-full",
+    primitives_formElement.inputHoverBorderWithin,
+    "outline-hidden focus-within:outline-hidden",
+    primitives_formElement.inputFocusBorderWithin
+  )
+};
+const Searchbar = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size = "md",
+  variant = "outline",
+  className
+}) => {
+  const id = React.useId();
+  const inputRef = React.useRef(null);
+  const debouncedSearch = useDebounce.useDebouncedCallback((value) => {
+    onSearch(value);
+  }, debounceMs);
+  React.useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  React.useEffect(() => {
+    const input = inputRef.current;
+    if (!input) return;
+    const handleKeyDown = (event) => {
+      if (event.key.toLowerCase() === "f" && event.shiftKey && (event.ctrlKey || event.metaKey)) {
+        event.preventDefault();
+        input.focus();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, []);
+  const handleChange = (e) => {
+    debouncedSearch(e.target.value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "border border-border1 flex w-full items-center gap-2 overflow-hidden pl-2 pr-1",
+        primitives_transitions.transitions.all,
+        searchbarVariantClasses[variant],
+        primitives_controlSize.controlHeight[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: utils_cn.cn("text-neutral3 h-4 w-4", primitives_transitions.transitions.colors) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "sr-only", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id,
+              type: "text",
+              placeholder,
+              className: utils_cn.cn(
+                "bg-transparent placeholder:text-neutral2 block w-full px-2 outline-hidden",
+                primitives_controlSize.controlSizeClasses[size]
+              ),
+              name: id,
+              ref: inputRef,
+              onChange: handleChange
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const SearchbarWrapper = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 border-b border-border1", children });
+};
+
+exports.Searchbar = Searchbar;
+exports.SearchbarWrapper = SearchbarWrapper;
+//# sourceMappingURL=searchbar-B42oQGrT.cjs.map

package/dist/searchbar-B42oQGrT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchbar-B42oQGrT.cjs","sources":["../src/ds/components/Searchbar/searchbar.tsx"],"sourcesContent":["import { SearchIcon } from 'lucide-react';\nimport { useEffect, useId, useRef } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype SearchbarVariant = 'default' | 'filled' | 'outline';\n\nexport type SearchbarProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: ControlSize;\n  variant?: SearchbarVariant;\n  className?: string;\n};\n\n// `default` and `filled` are the same filled surface on purpose: the default Searchbar\n// look IS the filled treatment, and `filled` is an explicit alias for consumers. Share\n// the class string so the two can't drift.\nconst searchbarFilledSurface = cn(\n  'bg-surface-overlay-soft rounded-full',\n  'hover:bg-surface-overlay-strong',\n  inputHoverBorderWithin,\n  'outline-hidden focus-within:outline-hidden focus-within:bg-surface-overlay-strong',\n  inputFocusBorderWithin,\n);\n\nconst searchbarVariantClasses: Record<SearchbarVariant, string> = {\n  default: searchbarFilledSurface,\n  filled: searchbarFilledSurface,\n  outline: cn(\n    'bg-transparent rounded-full',\n    inputHoverBorderWithin,\n    'outline-hidden focus-within:outline-hidden',\n    inputFocusBorderWithin,\n  ),\n};\n\nexport const Searchbar = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size = 'md',\n  variant = 'outline',\n  className,\n}: SearchbarProps) => {\n  const id = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSearch = useDebouncedCallback((value: string) => {\n    onSearch(value);\n  }, debounceMs);\n\n  useEffect(() => {\n    return () => {\n      debouncedSearch.cancel();\n    };\n  }, [debouncedSearch]);\n\n  useEffect(() => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key.toLowerCase() === 'f' && event.shiftKey && (event.ctrlKey || event.metaKey)) {\n        event.preventDefault();\n        input.focus();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, []);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    debouncedSearch(e.target.value);\n  };\n\n  return (\n    <div\n      className={cn(\n        'border border-border1 flex w-full items-center gap-2 overflow-hidden pl-2 pr-1',\n        transitions.all,\n        searchbarVariantClasses[variant],\n        controlHeight[size],\n        className,\n      )}\n    >\n      <SearchIcon className={cn('text-neutral3 h-4 w-4', transitions.colors)} />\n\n      <div className=\"flex-1\">\n        <label htmlFor={id} className=\"sr-only\">\n          {label}\n        </label>\n\n        <input\n          id={id}\n          type=\"text\"\n          placeholder={placeholder}\n          className={cn(\n            'bg-transparent placeholder:text-neutral2 block w-full px-2 outline-hidden',\n            controlSizeClasses[size],\n          )}\n          name={id}\n          ref={inputRef}\n          onChange={handleChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const SearchbarWrapper = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"px-3 py-2.5 border-b border-border1\">{children}</div>;\n};\n"],"names":["cn","inputHoverBorderWithin","inputFocusBorderWithin","useId","useRef","useDebouncedCallback","useEffect","jsxs","transitions","controlHeight","jsx","SearchIcon","controlSizeClasses"],"mappings":"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"}

package/dist/searchbar-CY4dg-Im.js

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchIcon } from 'lucide-react';
+import { useId, useRef, useEffect } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { controlSizeClasses, controlHeight } from './primitives/control-size.es.js';
+import { inputFocusBorderWithin, inputHoverBorderWithin } from './primitives/form-element.es.js';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+const searchbarFilledSurface = cn(
+  "bg-surface-overlay-soft rounded-full",
+  "hover:bg-surface-overlay-strong",
+  inputHoverBorderWithin,
+  "outline-hidden focus-within:outline-hidden focus-within:bg-surface-overlay-strong",
+  inputFocusBorderWithin
+);
+const searchbarVariantClasses = {
+  default: searchbarFilledSurface,
+  filled: searchbarFilledSurface,
+  outline: cn(
+    "bg-transparent rounded-full",
+    inputHoverBorderWithin,
+    "outline-hidden focus-within:outline-hidden",
+    inputFocusBorderWithin
+  )
+};
+const Searchbar = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size = "md",
+  variant = "outline",
+  className
+}) => {
+  const id = useId();
+  const inputRef = useRef(null);
+  const debouncedSearch = useDebouncedCallback((value) => {
+    onSearch(value);
+  }, debounceMs);
+  useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  useEffect(() => {
+    const input = inputRef.current;
+    if (!input) return;
+    const handleKeyDown = (event) => {
+      if (event.key.toLowerCase() === "f" && event.shiftKey && (event.ctrlKey || event.metaKey)) {
+        event.preventDefault();
+        input.focus();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, []);
+  const handleChange = (e) => {
+    debouncedSearch(e.target.value);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border border-border1 flex w-full items-center gap-2 overflow-hidden pl-2 pr-1",
+        transitions.all,
+        searchbarVariantClasses[variant],
+        controlHeight[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: cn("text-neutral3 h-4 w-4", transitions.colors) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: id, className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id,
+              type: "text",
+              placeholder,
+              className: cn(
+                "bg-transparent placeholder:text-neutral2 block w-full px-2 outline-hidden",
+                controlSizeClasses[size]
+              ),
+              name: id,
+              ref: inputRef,
+              onChange: handleChange
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const SearchbarWrapper = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 border-b border-border1", children });
+};
+
+export { Searchbar as S, SearchbarWrapper as a };
+//# sourceMappingURL=searchbar-CY4dg-Im.js.map

package/dist/searchbar-CY4dg-Im.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchbar-CY4dg-Im.js","sources":["../src/ds/components/Searchbar/searchbar.tsx"],"sourcesContent":["import { SearchIcon } from 'lucide-react';\nimport { useEffect, useId, useRef } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype SearchbarVariant = 'default' | 'filled' | 'outline';\n\nexport type SearchbarProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: ControlSize;\n  variant?: SearchbarVariant;\n  className?: string;\n};\n\n// `default` and `filled` are the same filled surface on purpose: the default Searchbar\n// look IS the filled treatment, and `filled` is an explicit alias for consumers. Share\n// the class string so the two can't drift.\nconst searchbarFilledSurface = cn(\n  'bg-surface-overlay-soft rounded-full',\n  'hover:bg-surface-overlay-strong',\n  inputHoverBorderWithin,\n  'outline-hidden focus-within:outline-hidden focus-within:bg-surface-overlay-strong',\n  inputFocusBorderWithin,\n);\n\nconst searchbarVariantClasses: Record<SearchbarVariant, string> = {\n  default: searchbarFilledSurface,\n  filled: searchbarFilledSurface,\n  outline: cn(\n    'bg-transparent rounded-full',\n    inputHoverBorderWithin,\n    'outline-hidden focus-within:outline-hidden',\n    inputFocusBorderWithin,\n  ),\n};\n\nexport const Searchbar = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size = 'md',\n  variant = 'outline',\n  className,\n}: SearchbarProps) => {\n  const id = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSearch = useDebouncedCallback((value: string) => {\n    onSearch(value);\n  }, debounceMs);\n\n  useEffect(() => {\n    return () => {\n      debouncedSearch.cancel();\n    };\n  }, [debouncedSearch]);\n\n  useEffect(() => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key.toLowerCase() === 'f' && event.shiftKey && (event.ctrlKey || event.metaKey)) {\n        event.preventDefault();\n        input.focus();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, []);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    debouncedSearch(e.target.value);\n  };\n\n  return (\n    <div\n      className={cn(\n        'border border-border1 flex w-full items-center gap-2 overflow-hidden pl-2 pr-1',\n        transitions.all,\n        searchbarVariantClasses[variant],\n        controlHeight[size],\n        className,\n      )}\n    >\n      <SearchIcon className={cn('text-neutral3 h-4 w-4', transitions.colors)} />\n\n      <div className=\"flex-1\">\n        <label htmlFor={id} className=\"sr-only\">\n          {label}\n        </label>\n\n        <input\n          id={id}\n          type=\"text\"\n          placeholder={placeholder}\n          className={cn(\n            'bg-transparent placeholder:text-neutral2 block w-full px-2 outline-hidden',\n            controlSizeClasses[size],\n          )}\n          name={id}\n          ref={inputRef}\n          onChange={handleChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const SearchbarWrapper = ({ children }: { children: React.ReactNode }) => {\n  return <div className=\"px-3 py-2.5 border-b border-border1\">{children}</div>;\n};\n"],"names":[],"mappings":"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"}

package/dist/select-BxSmi19p.cjs

@@ -0,0 +1,188 @@
+'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-66ghjQV8.cjs');
+const primitives_controlSize = require('./primitives/control-size.cjs.js');
+const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const utils_cn = require('./cn-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.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.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).
+          primitives_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.cn("h-4 w-4 opacity-60", primitives_transitions.transitions.colors) }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    position: _position,
+    container,
+    side = "bottom",
+    align = "start",
+    sideOffset = 4,
+    alignItemWithTrigger = false,
+    anchor,
+    positionMethod,
+    alignOffset,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    ...props
+  }, ref) => {
+    const resolvedContainer = primitives_portalContainer.usePortalContainer(container);
+    const positionerProps = {
+      side,
+      align,
+      sideOffset,
+      alignItemWithTrigger,
+      anchor,
+      positionMethod,
+      alignOffset,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select.Popup,
+      {
+        ref,
+        className: utils_cn.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.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",
+      primitives_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-BxSmi19p.cjs.map

package/dist/select-BxSmi19p.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BxSmi19p.cjs","sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } 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\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\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  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\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    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\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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"}

package/dist/select-CFB6QZ9B.js

@@ -0,0 +1,162 @@
+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-Bq0VuEbC.js';
+import { controlTriggerOpenState } from './primitives/control-size.es.js';
+import { usePortalContainer } from './primitives/portal-container.es.js';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-BakJzhuv.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,
+    alignItemWithTrigger = false,
+    anchor,
+    positionMethod,
+    alignOffset,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    ...props
+  }, ref) => {
+    const resolvedContainer = usePortalContainer(container);
+    const positionerProps = {
+      side,
+      align,
+      sideOffset,
+      alignItemWithTrigger,
+      anchor,
+      positionMethod,
+      alignOffset,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Select$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Select$1.Positioner, { className: "z-50 outline-none", ...positionerProps, 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-CFB6QZ9B.js.map