@conscia-labs/design-system 1.0.2 → 1.0.3

package/dist/{chunk-WEI3PU4A.js → chunk-LPUWW7XF.js}

@@ -65,7 +65,7 @@ import {
   TooltipTrigger,
   index_parts_exports,
   useRender
-} from "./chunk-YAJUTCGD.js";
+} from "./chunk-HAJMOT3P.js";
 import {
   cn
 } from "./chunk-JU5DQXFC.js";
@@ -2278,4 +2278,4 @@ export {
   WorkbenchInspectorSection,
   IdentityRow
 };
-//# sourceMappingURL=chunk-WEI3PU4A.js.map
+//# sourceMappingURL=chunk-LPUWW7XF.js.map

package/dist/{chunk-H5ORBU5O.js → chunk-QP3SEL2Z.js}

@@ -64,6 +64,7 @@ import {
   isHTMLElement,
   matchesFocusVisible,
   mergeCleanups,
+  overlayLayers,
   ownerDocument,
   popupStateMapping,
   popupStoreSelectors,
@@ -117,7 +118,7 @@ import {
   useValueChanged,
   visuallyHidden,
   visuallyHiddenInput
-} from "./chunk-YAJUTCGD.js";
+} from "./chunk-HAJMOT3P.js";
 import {
   cn
 } from "./chunk-JU5DQXFC.js";
@@ -1011,6 +1012,7 @@ function FormSelect({
   defaultValue,
   required,
   disabled,
+  modal,
   placeholder,
   options,
   className,
@@ -1036,6 +1038,7 @@ function FormSelect({
       value: toSelectValue(currentValue),
       required,
       disabled,
+      modal,
       onValueChange: handleValueChange,
       children: [
         /* @__PURE__ */ jsx11(SelectTrigger, { id, "aria-label": ariaLabel, className: triggerClassName, children: /* @__PURE__ */ jsx11(SelectValue, { placeholder }) }),
@@ -2004,10 +2007,10 @@ function PopoverPortal3({ ...props }) {
   return /* @__PURE__ */ jsx15(index_parts_exports3.Portal, { "data-slot": "popover-portal", ...props });
 }
 function PopoverPositioner3({ className, ...props }) {
-  return /* @__PURE__ */ jsx15(index_parts_exports3.Positioner, { "data-slot": "popover-positioner", className, ...props });
+  return /* @__PURE__ */ jsx15(index_parts_exports3.Positioner, { "data-slot": "popover-positioner", className: cn(overlayLayers.popup, className), ...props });
 }
 function PopoverContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx15(PopoverPortal3, { children: /* @__PURE__ */ jsx15(PopoverPositioner3, { children: /* @__PURE__ */ jsx15(index_parts_exports3.Popup, { "data-slot": "popover-content", className: cn("z-50 w-72 rounded-md border bg-surface-floating p-4 text-text-primary shadow-[var(--ds-shadow-floating)] outline-none data-open:animate-in data-closed:animate-out", className), ...props, children }) }) });
+  return /* @__PURE__ */ jsx15(PopoverPortal3, { children: /* @__PURE__ */ jsx15(PopoverPositioner3, { children: /* @__PURE__ */ jsx15(index_parts_exports3.Popup, { "data-slot": "popover-content", className: cn("w-72 rounded-md border bg-surface-floating p-4 text-text-primary shadow-[var(--ds-shadow-floating)] outline-none data-open:animate-in data-closed:animate-out", className), ...props, children }) }) });
 }
 function PopoverArrow3({ ...props }) {
   return /* @__PURE__ */ jsx15(index_parts_exports3.Arrow, { "data-slot": "popover-arrow", ...props });
@@ -2026,7 +2029,7 @@ function PopoverClose3({ ...props }) {
 import * as React24 from "react";
 import { Check, ChevronsUpDown, X } from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
-function SearchableSelect({ id, name, value = "", options, onValueChange, placeholder = "Select an option", searchPlaceholder = "Search...", emptyMessage = "No matching options.", disabled = false, clearable = false, clearLabel = "Clear selection", optionsLabel, className, "aria-label": ariaLabel }) {
+function SearchableSelect({ id, name, value = "", options, onValueChange, placeholder = "Select an option", searchPlaceholder = "Search...", emptyMessage = "No matching options.", disabled = false, clearable = false, clearLabel = "Clear selection", optionsLabel, className, modal = false, "aria-label": ariaLabel }) {
   const selected = options.find((option) => option.value === value) ?? null;
   const items = React24.useMemo(() => options.map((option) => option.value), [options]);
   const [open, setOpen] = React24.useState(false);
@@ -2035,7 +2038,7 @@ function SearchableSelect({ id, name, value = "", options, onValueChange, placeh
   React24.useLayoutEffect(() => {
     if (!open && inputRef.current) inputRef.current.value = selected?.label ?? "";
   }, [open, selected?.label]);
-  return /* @__PURE__ */ jsx16("div", { "data-slot": "searchable-select", className: cn("relative min-w-0", className), children: /* @__PURE__ */ jsxs7(index_parts_exports.Root, { items, autoHighlight: true, open, onOpenChange: (nextOpen) => {
+  return /* @__PURE__ */ jsx16("div", { "data-slot": "searchable-select", className: cn("relative min-w-0", className), children: /* @__PURE__ */ jsxs7(index_parts_exports.Root, { items, autoHighlight: true, modal, open, onOpenChange: (nextOpen) => {
     setOpen(nextOpen);
     if (!nextOpen) setInputValue(selected?.label ?? "");
   }, value, inputValue: open ? inputValue : selected?.label ?? "", onInputValueChange: setInputValue, onValueChange: (next) => {
@@ -2058,7 +2061,7 @@ function SearchableSelect({ id, name, value = "", options, onValueChange, placeh
       clearable && selected ? /* @__PURE__ */ jsx16(IconButton, { type: "button", size: "sm", variant: "ghost", "aria-label": clearLabel, onClick: () => onValueChange(""), className: "absolute right-7", children: /* @__PURE__ */ jsx16(X, { className: "size-4" }) }) : null,
       /* @__PURE__ */ jsx16(index_parts_exports.Trigger, { "aria-label": ariaLabel ?? placeholder, className: "absolute right-1 inline-flex size-8 items-center justify-center rounded-sm text-text-supporting outline-none focus-visible:ring-2 focus-visible:ring-focus", children: /* @__PURE__ */ jsx16(ChevronsUpDown, { className: "size-4" }) })
     ] }),
-    /* @__PURE__ */ jsx16(index_parts_exports.Portal, { children: /* @__PURE__ */ jsx16(index_parts_exports.Positioner, { className: "z-50 w-[var(--anchor-width)]", children: /* @__PURE__ */ jsxs7(index_parts_exports.Popup, { className: "mt-1 max-h-72 overflow-auto rounded-md border bg-surface-floating p-1 text-text-primary shadow-[var(--ds-shadow-floating)] outline-none", children: [
+    /* @__PURE__ */ jsx16(index_parts_exports.Portal, { children: /* @__PURE__ */ jsx16(index_parts_exports.Positioner, { "data-slot": "searchable-select-positioner", className: cn(overlayLayers.popup, "w-[var(--anchor-width)]"), children: /* @__PURE__ */ jsxs7(index_parts_exports.Popup, { className: "mt-1 max-h-72 overflow-auto rounded-md border bg-surface-floating p-1 text-text-primary shadow-[var(--ds-shadow-floating)] outline-none", children: [
       /* @__PURE__ */ jsx16(index_parts_exports.Empty, { className: "px-2 py-3 text-sm text-text-supporting", children: emptyMessage }),
       /* @__PURE__ */ jsx16(index_parts_exports.List, { "aria-label": optionsLabel ?? "Options", children: (optionValue) => {
         const option = options.find((candidate) => candidate.value === optionValue);
@@ -3692,7 +3695,8 @@ function ToastViewport3({ className, placement = "bottom-end", ...props }) {
     {
       "data-slot": "toast-viewport",
       className: cn(
-        "pointer-events-none fixed z-[100] flex w-[min(24rem,calc(100vw-2rem))] max-w-[calc(100vw-2rem)] flex-col gap-2 p-4 outline-none",
+        "pointer-events-none fixed flex w-[min(24rem,calc(100vw-2rem))] max-w-[calc(100vw-2rem)] flex-col gap-2 p-4 outline-none",
+        overlayLayers.transient,
         placement === "bottom-end" && "right-0 bottom-0 items-end",
         placement === "bottom-start" && "bottom-0 left-0 items-start",
         placement === "top-end" && "top-0 right-0 items-end",
@@ -3831,4 +3835,4 @@ export {
   ToastAction3 as ToastAction,
   ToastClose3 as ToastClose
 };
-//# sourceMappingURL=chunk-H5ORBU5O.js.map
+//# sourceMappingURL=chunk-QP3SEL2Z.js.map