@turystack/ui 0.0.27 → 0.0.28

package/dist/index.d.ts

@@ -436,7 +436,7 @@ declare function Content_2({ children }: PropsWithChildren): JSX.Element;
 
 declare function Content_3({ children }: PropsWithChildren<CardContentProps>): JSX.Element;
 
-declare function Content_4({ side, align, sideOffset, children, }: PropsWithChildren<DropdownMenuContentProps>): JSX.Element;
+declare function Content_4({ width, side, align, sideOffset, children, }: PropsWithChildren<DropdownMenuContentProps>): JSX.Element;
 
 declare function Content_5({ children }: PropsWithChildren): JSX.Element;
 
@@ -586,6 +586,7 @@ export declare type DropdownMenuConfig = {
 };
 
 export declare type DropdownMenuContentProps = {
+    width?: React.CSSProperties['width'];
     side?: DropdownMenuSide;
     align?: DropdownMenuAlign;
     sideOffset?: number;

package/dist/index.js

@@ -2266,7 +2266,7 @@ const To = k({
   slots: {
     checkboxItem: "t:relative t:flex t:cursor-pointer t:select-none t:items-center t:rounded-sm t:py-1.5 t:pr-2 t:pl-8 t:text-sm t:outline-none t:transition-colors t:focus:bg-accent t:focus:text-accent-foreground t:data-[disabled]:pointer-events-none t:data-[disabled]:opacity-50 t:[&_svg]:size-4 t:[&_svg]:shrink-0",
     checkboxItemIndicator: "t:absolute t:left-2 t:flex t:h-3.5 t:w-3.5 t:items-center t:justify-center",
-    content: "t:data-[state=closed]:fade-out-0 t:data-[state=open]:fade-in-0 t:data-[state=closed]:zoom-out-95 t:data-[state=open]:zoom-in-95 t:data-[side=bottom]:slide-in-from-top-2 t:data-[side=left]:slide-in-from-right-2 t:data-[side=right]:slide-in-from-left-2 t:data-[side=top]:slide-in-from-bottom-2 t:z-50 t:min-w-[8rem] t:overflow-hidden t:rounded-md t:border t:bg-popover t:p-1 t:text-popover-foreground t:shadow-md t:data-[state=closed]:animate-out t:data-[state=open]:animate-in",
+    content: "t:data-[state=closed]:fade-out-0 t:data-[state=open]:fade-in-0 t:data-[state=closed]:zoom-out-95 t:data-[state=open]:zoom-in-95 t:data-[side=bottom]:slide-in-from-top-2 t:data-[side=left]:slide-in-from-right-2 t:data-[side=right]:slide-in-from-left-2 t:data-[side=top]:slide-in-from-bottom-2 t:z-50 t:w-full t:min-w-[8rem] t:overflow-hidden t:rounded-md t:border t:bg-popover t:p-1 t:text-popover-foreground t:shadow-md t:data-[state=closed]:animate-out t:data-[state=open]:animate-in",
     item: "t:relative t:flex t:cursor-pointer t:select-none t:items-center t:gap-2 t:rounded-sm t:px-2 t:py-1.5 t:text-sm t:outline-none t:transition-colors t:focus:bg-accent t:focus:text-accent-foreground t:data-[disabled]:pointer-events-none t:data-[disabled]:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0",
     itemIcon: "",
     label: "t:px-2 t:py-1.5 t:font-semibold t:text-sm",
@@ -2310,23 +2310,34 @@ function Po({
   asChild: e,
   children: s
 }) {
-  return /* @__PURE__ */ t.jsx(V.Trigger, { asChild: e, children: s });
+  return /* @__PURE__ */ t.jsx(
+    V.Trigger,
+    {
+      asChild: e,
+      className: "cursor-pointer",
+      children: s
+    }
+  );
 }
 function Io({
-  side: e,
-  align: s,
-  sideOffset: o = 4,
-  children: a
+  width: e,
+  side: s,
+  align: o,
+  sideOffset: a = 4,
+  children: n
 }) {
-  const r = x()?.components?.dropdownMenu?.content, { content: i } = nt();
+  const i = x()?.components?.dropdownMenu?.content, { content: d } = nt();
   return /* @__PURE__ */ t.jsx(V.Portal, { children: /* @__PURE__ */ t.jsx(
     V.Content,
     {
-      align: s,
-      className: l(i(), r?.classNames?.root),
-      side: e,
-      sideOffset: o,
-      children: a
+      align: o,
+      className: l(d(), i?.classNames?.root),
+      side: s,
+      sideOffset: a,
+      style: {
+        width: e
+      },
+      children: n
     }
   ) });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turystack/ui",
   "private": false,
-  "version": "0.0.27",
+  "version": "0.0.28",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",