@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/select-BdIZEdcy.js

@@ -1,133 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
-import { controlTriggerOpenState } from "./primitives/control-size.es.js";
-import { fieldTriggerErrorBorder, fieldTriggerWidthStyle } from "./primitives/form-element.es.js";
-import { n as ButtonChevron, o as buttonVariants } from "./Button-CLXTbAY8.js";
-import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
-import { menuItemCheckClass, menuItemClass, menuPopupClass, menuPositionerClass, menuSeparatorClass } from "./primitives/menu-item.es.js";
-import { MenuScrollArea, menuScrollPopupClass } from "./primitives/menu-scroll-area.es.js";
-import { usePortalContainer } from "./primitives/portal-container.es.js";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check } from "lucide-react";
-import { Select } from "@base-ui/react/select";
-// src/ds/components/Select/select.tsx
-function isSelectItem(node) {
-	return React$1.isValidElement(node) && node.type?.displayName === "SelectItem";
-}
-/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */
-function collectItems(children, acc) {
-	React$1.Children.forEach(children, (child) => {
-		if (!React$1.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$1({ children, items, onValueChange, ...props }) {
-	const derivedItems = React$1.useMemo(() => {
-		if (items != null) return items;
-		const acc = [];
-		collectItems(children, acc);
-		return acc.length > 0 ? acc : void 0;
-	}, [items, children]);
-	return /* @__PURE__ */ jsx(Select.Root, {
-		items: derivedItems,
-		onValueChange: onValueChange ? (value, eventDetails) => onValueChange(value, eventDetails) : void 0,
-		...props,
-		children
-	});
-}
-Select$1.displayName = "Select";
-var SelectGroup = Select.Group;
-/**
-* Displays the selected value. Radix's `Select.Value` took a `placeholder`
-* prop and rendered the selected item's text automatically; Base UI's
-* `Select.Value` behaves the same way (renders the value, falls back to
-* `placeholder` when nothing is selected), so this is a thin passthrough.
-*/
-var SelectValue = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select.Value, {
-	ref,
-	className: cn("truncate", className),
-	...props
-}));
-SelectValue.displayName = "SelectValue";
-function normalizeSelectTriggerVariant(variant) {
-	return variant === "primary" ? "default" : variant;
-}
-var SelectTrigger = React$1.forwardRef(({ className, children, size = "md", variant = "default", ...props }, ref) => {
-	const visualVariant = normalizeSelectTriggerVariant(variant);
-	return /* @__PURE__ */ jsxs(Select.Trigger, {
-		ref,
-		"data-slot": "select-trigger",
-		className: cn(buttonVariants({
-			variant: visualVariant,
-			size
-		}), visualVariant === "default" && "bg-field shadow-input focus-visible:outline-hidden focus-visible:[--surface-rim:var(--field-rim-focus)] disabled:bg-field-disabled aria-disabled:bg-field-disabled data-[disabled]:bg-field-disabled aria-invalid:[--field-rim:var(--destructive-indicator)] aria-invalid:[--field-rim-focus:var(--destructive-indicator)]", fieldTriggerWidthStyle, "justify-between", controlTriggerOpenState[visualVariant], "data-[placeholder]:text-muted-foreground", fieldTriggerErrorBorder, "[&>span]:truncate", className),
-		...props,
-		...keepOwnAccessibleName(props),
-		children: [children, /* @__PURE__ */ jsx(ButtonChevron, { size })]
-	});
-});
-SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React$1.forwardRef(({ className, children, position: _position, container, side = "bottom", align = "start", sideOffset = 4, alignItemWithTrigger = false, anchor, positionMethod = FLOATING_POSITION_METHOD, 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.Portal, {
-		container: resolvedContainer,
-		children: /* @__PURE__ */ jsx(Select.Positioner, {
-			className: menuPositionerClass,
-			...positionerProps,
-			children: /* @__PURE__ */ jsx(Select.Popup, {
-				ref,
-				className: cn(menuPopupClass, menuScrollPopupClass, className),
-				...props,
-				children: /* @__PURE__ */ jsx(MenuScrollArea, {
-					viewportRender: /* @__PURE__ */ jsx(Select.List, { role: "listbox" }),
-					children
-				})
-			})
-		})
-	});
-});
-SelectContent.displayName = "SelectContent";
-var SelectItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Select.Item, {
-	ref,
-	className: cn(menuItemClass, className),
-	...props,
-	children: [/* @__PURE__ */ jsx(Select.ItemText, { children }), /* @__PURE__ */ jsx(Select.ItemIndicator, {
-		className: menuItemCheckClass,
-		children: /* @__PURE__ */ jsx(Check, {})
-	})]
-}));
-SelectItem.displayName = "SelectItem";
-var SelectSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select.Separator, {
-	ref,
-	"data-slot": "select-separator",
-	className: cn(menuSeparatorClass, className),
-	...props
-}));
-SelectSeparator.displayName = "SelectSeparator";
-export { SelectSeparator as a, SelectItem as i, SelectContent as n, SelectTrigger as o, SelectGroup as r, SelectValue as s, Select$1 as t };
-
-//# sourceMappingURL=select-BdIZEdcy.js.map

package/dist/select-BdIZEdcy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BdIZEdcy.js","names":["React","Select","SelectPrimitive"],"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 } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\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>;\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}\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 Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | '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          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\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 = FLOATING_POSITION_METHOD,\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={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\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 ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}

package/dist/select-Dg8L5ROX.cjs

@@ -1,176 +0,0 @@
-const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_primitives_floating = require("./primitives/floating.cjs.js");
-const require_primitives_control_size = require("./primitives/control-size.cjs.js");
-const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
-const require_primitives_menu_item = require("./primitives/menu-item.cjs.js");
-const require_primitives_menu_scroll_area = require("./primitives/menu-scroll-area.cjs.js");
-const require_primitives_portal_container = require("./primitives/portal-container.cjs.js");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-let _base_ui_react_select = require("@base-ui/react/select");
-// src/ds/components/Select/select.tsx
-function isSelectItem(node) {
-	return react.isValidElement(node) && node.type?.displayName === "SelectItem";
-}
-/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */
-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__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, {
-		items: derivedItems,
-		onValueChange: onValueChange ? (value, eventDetails) => onValueChange(value, eventDetails) : void 0,
-		...props,
-		children
-	});
-}
-Select.displayName = "Select";
-var SelectGroup = _base_ui_react_select.Select.Group;
-/**
-* Displays the selected value. Radix's `Select.Value` took a `placeholder`
-* prop and rendered the selected item's text automatically; Base UI's
-* `Select.Value` behaves the same way (renders the value, falls back to
-* `placeholder` when nothing is selected), so this is a thin passthrough.
-*/
-var SelectValue = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
-	ref,
-	className: require_utils.cn("truncate", className),
-	...props
-}));
-SelectValue.displayName = "SelectValue";
-function normalizeSelectTriggerVariant(variant) {
-	return variant === "primary" ? "default" : variant;
-}
-var SelectTrigger = react.forwardRef(({ className, children, size = "md", variant = "default", ...props }, ref) => {
-	const visualVariant = normalizeSelectTriggerVariant(variant);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Trigger, {
-		ref,
-		"data-slot": "select-trigger",
-		className: require_utils.cn(require_Button.buttonVariants({
-			variant: visualVariant,
-			size
-		}), visualVariant === "default" && "bg-field shadow-input focus-visible:outline-hidden focus-visible:[--surface-rim:var(--field-rim-focus)] disabled:bg-field-disabled aria-disabled:bg-field-disabled data-[disabled]:bg-field-disabled aria-invalid:[--field-rim:var(--destructive-indicator)] aria-invalid:[--field-rim-focus:var(--destructive-indicator)]", require_primitives_form_element.fieldTriggerWidthStyle, "justify-between", require_primitives_control_size.controlTriggerOpenState[visualVariant], "data-[placeholder]:text-muted-foreground", require_primitives_form_element.fieldTriggerErrorBorder, "[&>span]:truncate", className),
-		...props,
-		...require_field_control_aria.keepOwnAccessibleName(props),
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.ButtonChevron, { size })]
-	});
-});
-SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = react.forwardRef(({ className, children, position: _position, container, side = "bottom", align = "start", sideOffset = 4, alignItemWithTrigger = false, anchor, positionMethod = require_primitives_floating.FLOATING_POSITION_METHOD, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, ...props }, ref) => {
-	const resolvedContainer = require_primitives_portal_container.usePortalContainer(container);
-	const positionerProps = {
-		side,
-		align,
-		sideOffset,
-		alignItemWithTrigger,
-		anchor,
-		positionMethod,
-		alignOffset,
-		collisionBoundary,
-		collisionPadding,
-		sticky,
-		arrowPadding,
-		disableAnchorTracking,
-		collisionAvoidance
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, {
-		container: resolvedContainer,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
-			className: require_primitives_menu_item.menuPositionerClass,
-			...positionerProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
-				ref,
-				className: require_utils.cn(require_primitives_menu_item.menuPopupClass, require_primitives_menu_scroll_area.menuScrollPopupClass, className),
-				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_menu_scroll_area.MenuScrollArea, {
-					viewportRender: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, { role: "listbox" }),
-					children
-				})
-			})
-		})
-	});
-});
-SelectContent.displayName = "SelectContent";
-var SelectItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Item, {
-	ref,
-	className: require_utils.cn(require_primitives_menu_item.menuItemClass, className),
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, {
-		className: require_primitives_menu_item.menuItemCheckClass,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {})
-	})]
-}));
-SelectItem.displayName = "SelectItem";
-var SelectSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Separator, {
-	ref,
-	"data-slot": "select-separator",
-	className: require_utils.cn(require_primitives_menu_item.menuSeparatorClass, className),
-	...props
-}));
-SelectSeparator.displayName = "SelectSeparator";
-Object.defineProperty(exports, "Select", {
-	enumerable: true,
-	get: function() {
-		return Select;
-	}
-});
-Object.defineProperty(exports, "SelectContent", {
-	enumerable: true,
-	get: function() {
-		return SelectContent;
-	}
-});
-Object.defineProperty(exports, "SelectGroup", {
-	enumerable: true,
-	get: function() {
-		return SelectGroup;
-	}
-});
-Object.defineProperty(exports, "SelectItem", {
-	enumerable: true,
-	get: function() {
-		return SelectItem;
-	}
-});
-Object.defineProperty(exports, "SelectSeparator", {
-	enumerable: true,
-	get: function() {
-		return SelectSeparator;
-	}
-});
-Object.defineProperty(exports, "SelectTrigger", {
-	enumerable: true,
-	get: function() {
-		return SelectTrigger;
-	}
-});
-Object.defineProperty(exports, "SelectValue", {
-	enumerable: true,
-	get: function() {
-		return SelectValue;
-	}
-});
-
-//# sourceMappingURL=select-Dg8L5ROX.cjs.map

package/dist/select-Dg8L5ROX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-Dg8L5ROX.cjs","names":["React","SelectPrimitive","cn","buttonVariants","fieldTriggerWidthStyle","controlTriggerOpenState","fieldTriggerErrorBorder","keepOwnAccessibleName","ButtonChevron","FLOATING_POSITION_METHOD","usePortalContainer","menuPositionerClass","menuPopupClass","menuScrollPopupClass","MenuScrollArea","menuItemClass","menuItemCheckClass","Check","menuSeparatorClass"],"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 } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\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>;\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}\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 Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | '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          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\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 = FLOATING_POSITION_METHOD,\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={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\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 ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}

package/dist/settings-BaUeaO96.js

@@ -1,106 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { createContext, useContext, useId } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-// src/ds/new/settings/settings-header.tsx
-var SettingsTitleIdContext = createContext(void 0);
-function SettingsGroup({ className, ...props }) {
-	const titleId = useId();
-	return /* @__PURE__ */ jsx(SettingsTitleIdContext.Provider, {
-		value: titleId,
-		children: /* @__PURE__ */ jsx("section", {
-			"aria-labelledby": titleId,
-			className: cn("flex min-w-0 scroll-mt-4 flex-col gap-2", className),
-			...props
-		})
-	});
-}
-function SettingsHeader({ action, children, className, ...props }) {
-	return /* @__PURE__ */ jsxs("header", {
-		className: cn("flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "flex min-w-0 flex-col gap-1",
-			children
-		}), action != null && /* @__PURE__ */ jsx("div", {
-			className: "shrink-0",
-			children: action
-		})]
-	});
-}
-function SettingsTitle({ accessory, className, ...props }) {
-	const titleId = useContext(SettingsTitleIdContext);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex min-w-0 flex-wrap items-center gap-2",
-		children: [/* @__PURE__ */ jsx(Txt, {
-			as: "h2",
-			id: titleId,
-			variant: "subheading",
-			tone: "ink",
-			className,
-			...props
-		}), accessory]
-	});
-}
-function SettingsDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Txt, {
-		as: "p",
-		variant: "caption",
-		tone: "muted",
-		className,
-		...props
-	});
-}
-// src/ds/new/settings/settings-layout.tsx
-function SettingsLayout({ title, titleAccessory, description, action, inset = false, variant, children }) {
-	if (title === void 0 || title === null) return variant === "header" ? children : /* @__PURE__ */ jsx("div", {
-		"data-slot": "settings-layout-content",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "min-w-0 space-y-8",
-			children
-		})
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		"data-slot": "settings-page-header",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("flex min-w-0 flex-wrap items-start justify-between gap-4", inset && "pl-4"),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "grid min-w-0 gap-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Txt, {
-						as: "h1",
-						variant: "heading",
-						tone: "muted",
-						className: "min-w-0 truncate font-body tracking-normal",
-						children: title
-					}), titleAccessory !== void 0 && titleAccessory !== null ? /* @__PURE__ */ jsx("div", {
-						className: "shrink-0",
-						children: titleAccessory
-					}) : null]
-				}), description !== void 0 && description !== null ? /* @__PURE__ */ jsx(Txt, {
-					as: "p",
-					variant: "body",
-					tone: "muted",
-					className: "m-0 wrap-break-word",
-					children: description
-				}) : null]
-			}), action ? /* @__PURE__ */ jsx("div", {
-				className: "shrink-0",
-				children: action
-			}) : null]
-		})
-	}), variant === "header" ? children : /* @__PURE__ */ jsx("div", {
-		"data-slot": "settings-layout-content",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "min-w-0 space-y-6",
-			children
-		})
-	})] });
-}
-export { SettingsTitle as a, SettingsHeader as i, SettingsDescription as n, SettingsGroup as r, SettingsLayout as t };
-
-//# sourceMappingURL=settings-BaUeaO96.js.map

package/dist/settings-BaUeaO96.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-BaUeaO96.js","names":["_Fragment"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,yBAAyB,cAAkC,KAAA,CAAS;AAE1E,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAoC;CAChF,MAAM,UAAU,MAAM;CAEtB,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACtC,UAAA,oBAAC,WAAD;GACE,mBAAiB;GACjB,WAAW,GAAG,2CAA2C,SAAS;GAClE,GAAI;EACL,CAAA;CAC8B,CAAA;AAErC;AAEA,SAAgB,eAAe,EAC7B,QACA,UACA,WACA,GAAG,SACiD;CACpD,OACE,qBAAC,UAAD;EACE,WAAW,GAAG,+EAA+E,SAAS;EACtG,GAAI;EAFN,UAAA,CAIE,oBAAC,OAAD;GAAK,WAAU;GAA+B;EAAc,CAAA,GAC3D,UAAU,QAAQ,oBAAC,OAAD;GAAK,WAAU;GAAY,UAAA;EAAY,CAAA,CACpD;;AAEZ;AAEA,SAAgB,cAAc,EAC5B,WACA,WACA,GAAG,SAC4D;CAC/D,MAAM,UAAU,WAAW,sBAAsB;CAEjD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,KAAD;GAAK,IAAG;GAAK,IAAI;GAAS,SAAQ;GAAa,MAAK;GAAiB;GAAW,GAAI;EAAQ,CAAA,GAC3F,SACE;;AAET;AAEA,SAAgB,oBAAoB,EAAE,WAAW,GAAG,SAA8B;CAChF,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAI,SAAQ;EAAU,MAAK;EAAmB;EAAW,GAAI;CAAQ,CAAA;AACtF;;ACzCA,SAAgB,eAAe,EAC7B,OACA,gBACA,aACA,QACA,QAAQ,OACR,SACA,YACsB;CACtB,IAAI,UAAU,KAAA,KAAa,UAAU,MACnC,OAAO,YAAY,WACjB,WAEA,oBAAC,OAAD;EAAK,aAAU;EAA0B,WAAU;EACjD,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA;CAIT,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,4DAA4D,SAAS,MAAM;GAA9F,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,KAAD;MAAK,IAAG;MAAK,SAAQ;MAAU,MAAK;MAAQ,WAAU;MACnD,UAAA;KACE,CAAA,GACJ,mBAAmB,KAAA,KAAa,mBAAmB,OAClD,oBAAC,OAAD;MAAK,WAAU;MAAY,UAAA;KAAoB,CAAA,IAC7C,IACD;IACJ,CAAA,GAAA,gBAAgB,KAAA,KAAa,gBAAgB,OAC5C,oBAAC,KAAD;KAAK,IAAG;KAAI,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAC/C,UAAA;IACE,CAAA,IACH,IACD;GACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;IAAK,WAAU;IAAY,UAAA;GAAY,CAAA,IAAI,IAClD;;CACF,CAAA,GACJ,YAAY,WACX,WAEA,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA,CAEP,EAAA,CAAA;AAEN"}

package/dist/settings-CUVqhBbf.cjs

@@ -1,135 +0,0 @@
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-// src/ds/new/settings/settings-header.tsx
-var SettingsTitleIdContext = (0, react.createContext)(void 0);
-function SettingsGroup({ className, ...props }) {
-	const titleId = (0, react.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsTitleIdContext.Provider, {
-		value: titleId,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-			"aria-labelledby": titleId,
-			className: require_utils.cn("flex min-w-0 scroll-mt-4 flex-col gap-2", className),
-			...props
-		})
-	});
-}
-function SettingsHeader({ action, children, className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-		className: require_utils.cn("flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex min-w-0 flex-col gap-1",
-			children
-		}), action != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "shrink-0",
-			children: action
-		})]
-	});
-}
-function SettingsTitle({ accessory, className, ...props }) {
-	const titleId = (0, react.useContext)(SettingsTitleIdContext);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex min-w-0 flex-wrap items-center gap-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-			as: "h2",
-			id: titleId,
-			variant: "subheading",
-			tone: "ink",
-			className,
-			...props
-		}), accessory]
-	});
-}
-function SettingsDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-		as: "p",
-		variant: "caption",
-		tone: "muted",
-		className,
-		...props
-	});
-}
-// src/ds/new/settings/settings-layout.tsx
-function SettingsLayout({ title, titleAccessory, description, action, inset = false, variant, children }) {
-	if (title === void 0 || title === null) return variant === "header" ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "settings-layout-content",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "min-w-0 space-y-8",
-			children
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "settings-page-header",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_utils.cn("flex min-w-0 flex-wrap items-start justify-between gap-4", inset && "pl-4"),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "grid min-w-0 gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-						as: "h1",
-						variant: "heading",
-						tone: "muted",
-						className: "min-w-0 truncate font-body tracking-normal",
-						children: title
-					}), titleAccessory !== void 0 && titleAccessory !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "shrink-0",
-						children: titleAccessory
-					}) : null]
-				}), description !== void 0 && description !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-					as: "p",
-					variant: "body",
-					tone: "muted",
-					className: "m-0 wrap-break-word",
-					children: description
-				}) : null]
-			}), action ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "shrink-0",
-				children: action
-			}) : null]
-		})
-	}), variant === "header" ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "settings-layout-content",
-		className: "mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "min-w-0 space-y-6",
-			children
-		})
-	})] });
-}
-Object.defineProperty(exports, "SettingsDescription", {
-	enumerable: true,
-	get: function() {
-		return SettingsDescription;
-	}
-});
-Object.defineProperty(exports, "SettingsGroup", {
-	enumerable: true,
-	get: function() {
-		return SettingsGroup;
-	}
-});
-Object.defineProperty(exports, "SettingsHeader", {
-	enumerable: true,
-	get: function() {
-		return SettingsHeader;
-	}
-});
-Object.defineProperty(exports, "SettingsLayout", {
-	enumerable: true,
-	get: function() {
-		return SettingsLayout;
-	}
-});
-Object.defineProperty(exports, "SettingsTitle", {
-	enumerable: true,
-	get: function() {
-		return SettingsTitle;
-	}
-});
-
-//# sourceMappingURL=settings-CUVqhBbf.cjs.map

package/dist/settings-CUVqhBbf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-CUVqhBbf.cjs","names":["createContext","useId","cn","useContext","Txt","_Fragment","cn","Txt"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}