@invana/ui 0.0.11 → 0.0.12

package/dist/index.d.cts

@@ -804,6 +804,14 @@ interface RichSelectProps {
     renderValue?: (selected: RichSelectOption[]) => React$1.ReactNode;
     /** Menu alignment relative to the trigger. Default `'start'`. */
     align?: "start" | "center" | "end";
+    /**
+     * Side the menu opens toward, relative to the trigger. Default `'bottom'`.
+     * Use `'top'` when the trigger sits in a footer so options open upward.
+     * Radix still flips on collision if the chosen side lacks space.
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between the trigger and the menu. Default `4`. */
+    sideOffset?: number;
     /** Trigger tooltip content; omit to disable the tooltip. */
     tooltip?: React$1.ReactNode;
     /** Side the trigger tooltip is placed on. Default `'top'`. */
@@ -822,7 +830,7 @@ interface RichSelectProps {
  * the trigger are fully customizable via `renderOption` / `renderValue`.
  * Supports single (radio) and multi (checkbox) selection via `multiple`.
  */
-declare function RichSelect({ options, value, onChange, multiple, label, placeholder, renderOption, renderValue, align, tooltip, tooltipSide, disabled, triggerClassName, contentClassName, className, }: RichSelectProps): react_jsx_runtime.JSX.Element;
+declare function RichSelect({ options, value, onChange, multiple, label, placeholder, renderOption, renderValue, align, side, sideOffset, tooltip, tooltipSide, disabled, triggerClassName, contentClassName, className, }: RichSelectProps): react_jsx_runtime.JSX.Element;
 
 interface TabConfig {
     /** Unique identifier for the tab */

package/dist/index.d.ts

@@ -804,6 +804,14 @@ interface RichSelectProps {
     renderValue?: (selected: RichSelectOption[]) => React$1.ReactNode;
     /** Menu alignment relative to the trigger. Default `'start'`. */
     align?: "start" | "center" | "end";
+    /**
+     * Side the menu opens toward, relative to the trigger. Default `'bottom'`.
+     * Use `'top'` when the trigger sits in a footer so options open upward.
+     * Radix still flips on collision if the chosen side lacks space.
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between the trigger and the menu. Default `4`. */
+    sideOffset?: number;
     /** Trigger tooltip content; omit to disable the tooltip. */
     tooltip?: React$1.ReactNode;
     /** Side the trigger tooltip is placed on. Default `'top'`. */
@@ -822,7 +830,7 @@ interface RichSelectProps {
  * the trigger are fully customizable via `renderOption` / `renderValue`.
  * Supports single (radio) and multi (checkbox) selection via `multiple`.
  */
-declare function RichSelect({ options, value, onChange, multiple, label, placeholder, renderOption, renderValue, align, tooltip, tooltipSide, disabled, triggerClassName, contentClassName, className, }: RichSelectProps): react_jsx_runtime.JSX.Element;
+declare function RichSelect({ options, value, onChange, multiple, label, placeholder, renderOption, renderValue, align, side, sideOffset, tooltip, tooltipSide, disabled, triggerClassName, contentClassName, className, }: RichSelectProps): react_jsx_runtime.JSX.Element;
 
 interface TabConfig {
     /** Unique identifier for the tab */

package/dist/index.js

@@ -2924,6 +2924,8 @@ function RichSelect({
   renderOption,
   renderValue,
   align = "start",
+  side = "bottom",
+  sideOffset = 4,
   tooltip,
   tooltipSide = "top",
   disabled,
@@ -2978,6 +2980,8 @@ function RichSelect({
       DropdownMenuContent,
       {
         align,
+        side,
+        sideOffset,
         className: cn("min-w-[14rem] bg-popover", contentClassName),
         children: [
           label && /* @__PURE__ */ jsxs(Fragment, { children: [