@arolariu/components 0.1.2 → 0.3.0

package/dist/components/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\drawer.js","sources":["webpack://@arolariu/components/./src/components/ui/drawer.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\n        \"text-neutral-950 font-semibold dark:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\n        \"text-neutral-500 text-sm dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"names":["Drawer","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;;AAOA,SAASA,cAAO,EACd,GAAGC,OAC+C;IAClD,OAAO,WAAP,GAAO,IAACC,OAAAA,IAAoB;QAAC,aAAU;QAAU,GAAGD,KAAK;;AAC3D;AAEA,SAASE,cAAc,EACrB,GAAGF,OACkD;IACrD,OAAO,WAAP,GAAO,IAACC,OAAAA,OAAuB;QAAC,aAAU;QAAkB,GAAGD,KAAK;;AACtE;AAEA,SAASG,aAAa,EACpB,GAAGH,OACiD;IACpD,OAAO,WAAP,GAAO,IAACC,OAAAA,MAAsB;QAAC,aAAU;QAAiB,GAAGD,KAAK;;AACpE;AAEA,SAASI,YAAY,EACnB,GAAGJ,OACgD;IACnD,OAAO,WAAP,GAAO,IAACC,OAAAA,KAAqB;QAAC,aAAU;QAAgB,GAAGD,KAAK;;AAClE;AAEA,SAASK,cAAc,EACrBC,SAAS,EACT,GAAGN,OACkD;IACrD,OAAO,WAAP,GACE,IAACC,OAAAA,OAAuB;QACtB,aAAU;QACV,WAAWM,GACT,0JACAD;QAED,GAAGN,KAAK;;AAGf;AAEA,SAASQ,cAAc,EACrBF,SAAS,EACTG,QAAQ,EACR,GAAGT,OACkD;IACrD,OAAO,WAAP,GACE,KAACG,cAAAA;QAAa,aAAU;;0BACtB,IAACE,eAAAA,CAAAA;0BACD,KAACJ,OAAAA,OAAuB;gBACtB,aAAU;gBACV,WAAWM,GACT,qFACA,kQACA,uRACA,+NACA,yNACAD;gBAED,GAAGN,KAAK;;kCAET,IAAC;wBAAI,WAAU;;oBACdS;;;;;AAIT;AAEA,SAASC,aAAa,EAAEJ,SAAS,EAAE,GAAGN,OAAoC;IACxE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWO,GACT,4LACAD;QAED,GAAGN,KAAK;;AAGf;AAEA,SAASW,aAAa,EAAEL,SAAS,EAAE,GAAGN,OAAoC;IACxE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWO,GAAG,mCAAmCD;QAChD,GAAGN,KAAK;;AAGf;AAEA,SAASY,YAAY,EACnBN,SAAS,EACT,GAAGN,OACgD;IACnD,OAAO,WAAP,GACE,IAACC,OAAAA,KAAqB;QACpB,aAAU;QACV,WAAWM,GACT,uDACAD;QAED,GAAGN,KAAK;;AAGf;AAEA,SAASa,kBAAkB,EACzBP,SAAS,EACT,GAAGN,OACsD;IACzD,OAAO,WAAP,GACE,IAACC,OAAAA,WAA2B;QAC1B,aAAU;QACV,WAAWM,GACT,kDACAD;QAED,GAAGN,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\drawer.js","sources":["webpack://@arolariu/components/./src/components/ui/drawer.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\nimport {Drawer as DrawerPrimitive} from \"vaul\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Drawer = ({shouldScaleBackground = true, ...props}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n  <DrawerPrimitive.Root\r\n    shouldScaleBackground={shouldScaleBackground}\r\n    {...props}\r\n  />\r\n);\r\nDrawer.displayName = \"Drawer\";\r\n\r\nconst DrawerTrigger = DrawerPrimitive.Trigger;\r\n\r\nconst DrawerPortal = DrawerPrimitive.Portal;\r\n\r\nconst DrawerClose = DrawerPrimitive.Close;\r\n\r\nconst DrawerOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n  <DrawerPrimitive.Overlay\r\n    ref={ref}\r\n    className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\r\n\r\nconst DrawerContent = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({className, children, ...props}, ref) => (\r\n  <DrawerPortal>\r\n    <DrawerOverlay />\r\n    <DrawerPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <div className='mx-auto mt-4 h-2 w-[100px] rounded-full bg-neutral-100 dark:bg-neutral-800' />\r\n      {children}\r\n    </DrawerPrimitive.Content>\r\n  </DrawerPortal>\r\n));\r\nDrawerContent.displayName = \"DrawerContent\";\r\n\r\nconst DrawerHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\r\n    {...props}\r\n  />\r\n);\r\nDrawerHeader.displayName = \"DrawerHeader\";\r\n\r\nconst DrawerFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\r\n    {...props}\r\n  />\r\n);\r\nDrawerFooter.displayName = \"DrawerFooter\";\r\n\r\nconst DrawerTitle = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n  <DrawerPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\"text-lg leading-none font-semibold tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\r\n\r\nconst DrawerDescription = React.forwardRef<\r\n  React.ElementRef<typeof DrawerPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n  <DrawerPrimitive.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\r\n\r\nexport {\r\n  Drawer,\r\n  DrawerClose,\r\n  DrawerContent,\r\n  DrawerDescription,\r\n  DrawerFooter,\r\n  DrawerHeader,\r\n  DrawerOverlay,\r\n  DrawerPortal,\r\n  DrawerTitle,\r\n  DrawerTrigger,\r\n};\r\n"],"names":["Drawer","shouldScaleBackground","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;;AAOA,MAAMA,gBAAS,CAAC,EAACC,wBAAwB,IAAI,EAAE,GAAGC,OAAyD,iBACzG,IAACC,OAAAA,IAAoB;QACnB,uBAAuBF;QACtB,GAAGC,KAAK;;AAGbF,cAAO,WAAW,GAAG;AAErB,MAAMI,gBAAgBD,OAAAA,OAAuB;AAE7C,MAAME,eAAeF,OAAAA,MAAsB;AAE3C,MAAMG,cAAcH,OAAAA,KAAqB;AAEzC,MAAMI,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAE,GAAGP,OAAM,EAAEQ,MAAAA,WAAAA,GACxB,IAACP,OAAAA,OAAuB;QACtB,KAAKO;QACL,WAAWC,GAAG,kCAAkCF;QAC/C,GAAGP,KAAK;;AAGbK,cAAc,WAAW,GAAGJ,OAAAA,OAAAA,CAAAA,WAAmC;AAE/D,MAAMS,gBAAgB,WAAhBA,GAAgBJ,WAGpB,CAAC,EAACC,SAAS,EAAEI,QAAQ,EAAE,GAAGX,OAAM,EAAEQ,MAAAA,WAAAA,GAClC,KAACL,cAAAA;;0BACC,IAACE,eAAAA,CAAAA;0BACD,KAACJ,OAAAA,OAAuB;gBACtB,KAAKO;gBACL,WAAWC,GACT,4JACAF;gBAED,GAAGP,KAAK;;kCACT,IAAC;wBAAI,WAAU;;oBACdW;;;;;AAIPD,cAAc,WAAW,GAAG;AAE5B,MAAME,eAAe,CAAC,EAACL,SAAS,EAAE,GAAGP,OAA4C,iBAC/E,IAAC;QACC,WAAWS,GAAG,6CAA6CF;QAC1D,GAAGP,KAAK;;AAGbY,aAAa,WAAW,GAAG;AAE3B,MAAMC,eAAe,CAAC,EAACN,SAAS,EAAE,GAAGP,OAA4C,iBAC/E,IAAC;QACC,WAAWS,GAAG,mCAAmCF;QAChD,GAAGP,KAAK;;AAGba,aAAa,WAAW,GAAG;AAE3B,MAAMC,cAAc,WAAdA,GAAcR,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGP,OAAM,EAAEQ,MAAAA,WAAAA,GACxB,IAACP,OAAAA,KAAqB;QACpB,KAAKO;QACL,WAAWC,GAAG,qDAAqDF;QAClE,GAAGP,KAAK;;AAGbc,YAAY,WAAW,GAAGb,OAAAA,KAAAA,CAAAA,WAAiC;AAE3D,MAAMc,oBAAoB,WAApBA,GAAoBT,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGP,OAAM,EAAEQ,MAAAA,WAAAA,GACxB,IAACP,OAAAA,WAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAG,kDAAkDF;QAC/D,GAAGP,KAAK;;AAGbe,kBAAkB,WAAW,GAAGd,OAAAA,WAAAA,CAAAA,WAAuC"}

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,26 +1,28 @@
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+import * as React from "react";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAcjB,CAAC;AAGH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAGH,QAAA,MAAM,mBAAmB,0KAgBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAmB5B,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KAkBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAQjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAA2B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOzF,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,CAAC"}

package/dist/components/ui/dropdown-menu.js

@@ -1,144 +1,100 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-function DropdownMenu({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "dropdown-menu",
-        ...props
-    });
-}
-function DropdownMenuPortal({ ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "dropdown-menu-portal",
-        ...props
-    });
-}
-function DropdownMenuTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "dropdown-menu-trigger",
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+const DropdownMenu = Root;
+const DropdownMenuTrigger = Trigger;
+const DropdownMenuGroup = Group;
+const DropdownMenuPortal = Portal;
+const DropdownMenuSub = Sub;
+const DropdownMenuRadioGroup = RadioGroup;
+const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+        ref: ref,
+        className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 data-[state=open]:bg-neutral-100 dark:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRight, {
+                className: "ml-auto"
+            })
+        ]
+    }));
+DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
+const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
+        ref: ref,
+        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
         ...props
-    });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
+    }));
+DropdownMenuSubContent.displayName = SubContent.displayName;
+const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsx(Content, {
-            "data-slot": "dropdown-menu-content",
+            ref: ref,
             sideOffset: sideOffset,
-            className: cn("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+            className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
             ...props
         })
-    });
-}
-function DropdownMenuGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "dropdown-menu-group",
+    }));
+DropdownMenuContent.displayName = Content.displayName;
+const DropdownMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
         ...props
-    });
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "dropdown-menu-item",
-        "data-inset": inset,
-        "data-variant": variant,
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/20 data-[variant=destructive]:focus:text-red-500 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:text-red-900 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
-        ...props
-    });
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return /*#__PURE__*/ jsxs(CheckboxItem, {
-        "data-slot": "dropdown-menu-checkbox-item",
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
+    }));
+DropdownMenuItem.displayName = Item.displayName;
+const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
+        ref: ref,
+        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
         checked: checked,
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
                     })
                 })
             }),
             children
         ]
-    });
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(RadioGroup, {
-        "data-slot": "dropdown-menu-radio-group",
-        ...props
-    });
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(RadioItem, {
-        "data-slot": "dropdown-menu-radio-item",
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
+    }));
+DropdownMenuCheckboxItem.displayName = CheckboxItem.displayName;
+const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
+        ref: ref,
+        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CircleIcon, {
-                        className: "size-2 fill-current"
+                    children: /*#__PURE__*/ jsx(Circle, {
+                        className: "h-2 w-2 fill-current"
                     })
                 })
             }),
             children
         ]
-    });
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        "data-slot": "dropdown-menu-label",
-        "data-inset": inset,
-        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-        ...props
-    });
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        "data-slot": "dropdown-menu-separator",
-        className: cn("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", className),
-        ...props
-    });
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        "data-slot": "dropdown-menu-shortcut",
-        className: cn("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", className),
+    }));
+DropdownMenuRadioItem.displayName = RadioItem.displayName;
+const DropdownMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
         ...props
-    });
-}
-function DropdownMenuSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "dropdown-menu-sub",
+    }));
+DropdownMenuLabel.displayName = Label.displayName;
+const DropdownMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800", className),
         ...props
-    });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return /*#__PURE__*/ jsxs(SubTrigger, {
-        "data-slot": "dropdown-menu-sub-trigger",
-        "data-inset": inset,
-        className: cn("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50", className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronRightIcon, {
-                className: "ml-auto size-4"
-            })
-        ]
-    });
-}
-function DropdownMenuSubContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(SubContent, {
-        "data-slot": "dropdown-menu-sub-content",
-        className: cn("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+    }));
+DropdownMenuSeparator.displayName = Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        className: cn("ml-auto text-xs tracking-widest opacity-60", className),
         ...props
     });
-}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/ui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\dropdown-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/20 data-[variant=destructive]:focus:text-red-500 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:text-red-900 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\n        \"bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
+{"version":3,"file":"components\\ui\\dropdown-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root;\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\r\n\r\nconst DropdownMenuSubTrigger = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, children, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 data-[state=open]:bg-neutral-100 dark:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <ChevronRight className='ml-auto' />\r\n  </DropdownMenuPrimitive.SubTrigger>\r\n));\r\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst DropdownMenuSubContent = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\r\n\r\nconst DropdownMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\r\n>(({className, sideOffset = 4, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Portal>\r\n    <DropdownMenuPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </DropdownMenuPrimitive.Portal>\r\n));\r\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\r\n\r\nconst DropdownMenuItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\r\n\r\nconst DropdownMenuCheckboxItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.CheckboxItem>\r\n));\r\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst DropdownMenuRadioItem = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Circle className='h-2 w-2 fill-current' />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.RadioItem>\r\n));\r\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\r\n\r\nconst DropdownMenuLabel = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\r\n\r\nconst DropdownMenuSeparator = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\r\n\r\nconst DropdownMenuShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuPortal,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuTrigger,\r\n};\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/ui/dropdrawer.d.ts

@@ -4,10 +4,10 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel,
 declare function DropDrawer({ children, ...props }: React.ComponentProps<typeof Drawer> | React.ComponentProps<typeof DropdownMenu>): import("react/jsx-runtime").JSX.Element;
 declare function DropDrawerTrigger({ className, children, ...props }: React.ComponentProps<typeof DrawerTrigger> | React.ComponentProps<typeof DropdownMenuTrigger>): import("react/jsx-runtime").JSX.Element;
 declare function DropDrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerContent> | React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
-declare function DropDrawerItem({ className, children, onSelect, onClick, icon, variant, inset, disabled, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+declare function DropDrawerItem({ className, children, onSelect, onClick, icon, inset, disabled, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
     icon?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DropDrawerSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): import("react/jsx-runtime").JSX.Element | null;
+declare function DropDrawerSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): import("react/jsx-runtime").JSX.Element;
 declare function DropDrawerLabel({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuLabel> | React.ComponentProps<typeof DrawerTitle>): import("react/jsx-runtime").JSX.Element;
 declare function DropDrawerFooter({ className, children, ...props }: React.ComponentProps<typeof DrawerFooter> | React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DropDrawerGroup({ className, children, ...props }: React.ComponentProps<"div"> & {
@@ -19,6 +19,6 @@ declare function DropDrawerSub({ children, id, ...props }: React.ComponentProps<
 declare function DropDrawerSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger> & {
     icon?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DropDrawerSubContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): import("react/jsx-runtime").JSX.Element | null;
+declare function DropDrawerSubContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): import("react/jsx-runtime").JSX.Element;
 export { DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger, };
 //# sourceMappingURL=dropdrawer.d.ts.map

package/dist/components/ui/dropdrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdrawer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdrawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdrawer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdrawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/dropdrawer.js

@@ -1,12 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "motion/react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
 import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Drawer, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./drawer.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { useIsMobile } from "../../hooks/useIsMobile.js";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utilities.js";
 const DropDrawerContext = /*#__PURE__*/ createContext({
     isMobile: false
 });
@@ -172,7 +172,7 @@ function DropDrawerContent({ className, children, ...props }) {
                             children: [
                                 /*#__PURE__*/ jsx("button", {
                                     onClick: goBack,
-                                    className: "hover:bg-neutral-100/50 rounded-full p-1 dark:hover:bg-neutral-800/50",
+                                    className: "rounded-full p-1 hover:bg-neutral-100/50 dark:hover:bg-neutral-800/50",
                                     children: /*#__PURE__*/ jsx(ChevronLeftIcon, {
                                         className: "h-5 w-5"
                                     })
@@ -184,7 +184,7 @@ function DropDrawerContent({ className, children, ...props }) {
                         })
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        className: "flex-1 relative overflow-y-auto max-h-[70vh]",
+                        className: "relative max-h-[70vh] flex-1 overflow-y-auto",
                         children: /*#__PURE__*/ jsx(AnimatePresence, {
                             initial: false,
                             mode: "wait",
@@ -196,7 +196,7 @@ function DropDrawerContent({ className, children, ...props }) {
                                 animate: "center",
                                 exit: "exit",
                                 transition: transition,
-                                className: "pb-6 space-y-1.5 w-full h-full",
+                                className: "h-full w-full space-y-1.5 pb-6",
                                 children: activeSubmenu ? getSubmenuContent(activeSubmenu) : children
                             }, activeSubmenu || "main")
                         })
@@ -211,7 +211,7 @@ function DropDrawerContent({ className, children, ...props }) {
                         })
                     }),
                     /*#__PURE__*/ jsx("div", {
-                        className: "overflow-y-auto max-h-[70vh]",
+                        className: "max-h-[70vh] overflow-y-auto",
                         children: /*#__PURE__*/ jsx(AnimatePresence, {
                             initial: false,
                             mode: "wait",
@@ -223,7 +223,7 @@ function DropDrawerContent({ className, children, ...props }) {
                                 animate: "center",
                                 exit: "exit",
                                 transition: transition,
-                                className: "pb-6 space-y-1.5 w-full",
+                                className: "w-full space-y-1.5 pb-6",
                                 children: children
                             }, "main-menu")
                         })
@@ -250,7 +250,7 @@ function DropDrawerContent({ className, children, ...props }) {
         })
     });
 }
-function DropDrawerItem({ className, children, onSelect, onClick, icon, variant = "default", inset, disabled, ...props }) {
+function DropDrawerItem({ className, children, onSelect, onClick, icon, inset, disabled, ...props }) {
     const { isMobile } = useDropDrawerContext();
     const isInGroup = useCallback((element)=>{
         if (!element) return false;
@@ -282,10 +282,9 @@ function DropDrawerItem({ className, children, onSelect, onClick, icon, variant
         const content = /*#__PURE__*/ jsxs("div", {
             ref: itemRef,
             "data-slot": "drop-drawer-item",
-            "data-variant": variant,
             "data-inset": inset,
             "data-disabled": disabled,
-            className: cn("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "bg-neutral-100 dark:bg-neutral-100 mx-2 my-1.5 rounded-md dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", "destructive" === variant && "text-red-500 dark:text-red-500 dark:text-red-900 dark:dark:text-red-900", disabled && "pointer-events-none opacity-50", className),
+            className: cn("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "mx-2 my-1.5 rounded-md bg-neutral-100 dark:bg-neutral-100 dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", disabled && "pointer-events-none opacity-50", className),
             onClick: handleClick,
             "aria-disabled": disabled,
             ...props,
@@ -309,12 +308,10 @@ function DropDrawerItem({ className, children, onSelect, onClick, icon, variant
     }
     return /*#__PURE__*/ jsx(DropdownMenuItem, {
         "data-slot": "drop-drawer-item",
-        "data-variant": variant,
         "data-inset": inset,
         className: className,
         onSelect: onSelect,
         onClick: onClick,
-        variant: variant,
         inset: inset,
         disabled: disabled,
         ...props,
@@ -346,7 +343,7 @@ function DropDrawerLabel({ className, children, ...props }) {
         className: "p-0",
         children: /*#__PURE__*/ jsx(DrawerTitle, {
             "data-slot": "drop-drawer-label",
-            className: cn("text-neutral-500 px-4 py-2 text-sm font-medium dark:text-neutral-400", className),
+            className: cn("px-4 py-2 text-sm font-medium text-neutral-500 dark:text-neutral-400", className),
             ...props,
             children: children
         })
@@ -386,7 +383,7 @@ function DropDrawerGroup({ className, children, ...props }) {
             return [
                 child,
                 /*#__PURE__*/ jsx("div", {
-                    className: "bg-neutral-200 h-px dark:bg-neutral-800",
+                    className: "h-px bg-neutral-200 dark:bg-neutral-800",
                     "aria-hidden": "true"
                 }, `separator-${index}`)
             ];
@@ -399,7 +396,7 @@ function DropDrawerGroup({ className, children, ...props }) {
         "data-drop-drawer-group": true,
         "data-slot": "drop-drawer-group",
         role: "group",
-        className: cn("bg-neutral-100 dark:bg-neutral-100 mx-2 my-3 overflow-hidden rounded-xl dark:bg-neutral-800 dark:dark:bg-neutral-800", className),
+        className: cn("mx-2 my-3 overflow-hidden rounded-xl bg-neutral-100 dark:bg-neutral-100 dark:bg-neutral-800 dark:dark:bg-neutral-800", className),
         ...props,
         children: childrenWithSeparators
     });
@@ -524,7 +521,7 @@ function DropDrawerSubTrigger({ className, inset, children, ...props }) {
             ref: itemRef,
             "data-slot": "drop-drawer-sub-trigger",
             "data-inset": inset,
-            className: cn("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "bg-neutral-100 dark:bg-neutral-100 mx-2 my-1.5 rounded-md dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", className),
+            className: cn("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "mx-2 my-1.5 rounded-md bg-neutral-100 dark:bg-neutral-100 dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", className),
             onClick: combinedOnClick,
             ...restProps,
             children: [