@gbmtech/aurora-ui 0.1.18 → 0.1.20

package/dist/cjs/components/dropdown-menu.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,o)=>{for(var n in o)__webpack_require__.o(o,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownMenuSubTrigger:()=>DropdownMenuSubTrigger,DropdownMenuGroup:()=>DropdownMenuGroup,DropdownMenuItem:()=>DropdownMenuItem,DropdownMenuPortal:()=>DropdownMenuPortal,DropdownMenuShortcut:()=>DropdownMenuShortcut,DropdownMenuSubContent:()=>DropdownMenuSubContent,DropdownMenuRadioItem:()=>DropdownMenuRadioItem,DropdownMenuSeparator:()=>DropdownMenuSeparator,DropdownMenuRadioGroup:()=>DropdownMenuRadioGroup,DropdownMenu:()=>DropdownMenu,DropdownMenuCheckboxItem:()=>DropdownMenuCheckboxItem,DropdownMenuContent:()=>DropdownMenuContent,DropdownMenuLabel:()=>DropdownMenuLabel,DropdownMenuTrigger:()=>DropdownMenuTrigger,DropdownMenuSub:()=>DropdownMenuSub});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),react_dropdown_menu_namespaceObject=require("@radix-ui/react-dropdown-menu"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),DropdownMenu=react_dropdown_menu_namespaceObject.Root;DropdownMenu.displayName="DropdownMenu";let DropdownMenuTrigger=react_dropdown_menu_namespaceObject.Trigger;DropdownMenuTrigger.displayName="DropdownMenuTrigger";let DropdownMenuGroup=react_dropdown_menu_namespaceObject.Group;DropdownMenuGroup.displayName="DropdownMenuGroup";let DropdownMenuPortal=react_dropdown_menu_namespaceObject.Portal;DropdownMenuPortal.displayName="DropdownMenuPortal";let DropdownMenuSub=react_dropdown_menu_namespaceObject.Sub;DropdownMenuSub.displayName="DropdownMenuSub";let DropdownMenuRadioGroup=react_dropdown_menu_namespaceObject.RadioGroup;DropdownMenuRadioGroup.displayName="DropdownMenuRadioGroup";let DropdownMenuSubTrigger=(0,external_react_namespaceObject.forwardRef)(({className:e,inset:o,children:n,...r},t)=>(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent",o&&"pl-8",e),...r,children:[n,(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CaretRight,{size:16,className:"ml-auto"})]}));DropdownMenuSubTrigger.displayName="DropdownMenuSubTrigger";let DropdownMenuSubContent=(0,external_react_namespaceObject.forwardRef)(({className:e,...o},n)=>(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent,{ref:n,className:(0,utils_cjs_namespaceObject.cn)("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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),...o}));DropdownMenuSubContent.displayName="DropdownMenuSubContent";let DropdownMenuContent=(0,external_react_namespaceObject.forwardRef)(({className:e,sideOffset:o=4,...n},r)=>(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content,{ref:r,sideOffset:o,className:(0,utils_cjs_namespaceObject.cn)("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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",e),...n})}));DropdownMenuContent.displayName="DropdownMenuContent";let DropdownMenuItem=(0,external_react_namespaceObject.forwardRef)(({className:e,inset:o,...n},r)=>(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item,{ref:r,className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o&&"pl-8",e),...n}));DropdownMenuItem.displayName="DropdownMenuItem";let DropdownMenuCheckboxItem=(0,external_react_namespaceObject.forwardRef)(({className:e,children:o,checked:n,...r},t)=>(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem,{ref:t,className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Check,{size:16})})}),o]}));DropdownMenuCheckboxItem.displayName="DropdownMenuCheckboxItem";let DropdownMenuRadioItem=(0,external_react_namespaceObject.forwardRef)(({className:e,children:o,...n},r)=>(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem,{ref:r,className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Circle,{size:8,className:"fill-current"})})}),o]}));DropdownMenuRadioItem.displayName="DropdownMenuRadioItem";let DropdownMenuLabel=(0,external_react_namespaceObject.forwardRef)(({className:e,inset:o,...n},r)=>(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label,{ref:r,className:(0,utils_cjs_namespaceObject.cn)("px-2 py-1.5 font-semibold text-sm",o&&"pl-8",e),...n}));DropdownMenuLabel.displayName="DropdownMenuLabel";let DropdownMenuSeparator=(0,external_react_namespaceObject.forwardRef)(({className:e,...o},n)=>(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator,{ref:n,className:(0,utils_cjs_namespaceObject.cn)("-mx-1 my-1 h-px bg-stroke",e),...o}));DropdownMenuSeparator.displayName="DropdownMenuSeparator";let DropdownMenuShortcut=({className:e,...o})=>(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("ml-auto text-xs tracking-widest opacity-60",e),...o});for(var __webpack_i__ in DropdownMenuShortcut.displayName="DropdownMenuShortcut",exports.DropdownMenu=__webpack_exports__.DropdownMenu,exports.DropdownMenuCheckboxItem=__webpack_exports__.DropdownMenuCheckboxItem,exports.DropdownMenuContent=__webpack_exports__.DropdownMenuContent,exports.DropdownMenuGroup=__webpack_exports__.DropdownMenuGroup,exports.DropdownMenuItem=__webpack_exports__.DropdownMenuItem,exports.DropdownMenuLabel=__webpack_exports__.DropdownMenuLabel,exports.DropdownMenuPortal=__webpack_exports__.DropdownMenuPortal,exports.DropdownMenuRadioGroup=__webpack_exports__.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=__webpack_exports__.DropdownMenuRadioItem,exports.DropdownMenuSeparator=__webpack_exports__.DropdownMenuSeparator,exports.DropdownMenuShortcut=__webpack_exports__.DropdownMenuShortcut,exports.DropdownMenuSub=__webpack_exports__.DropdownMenuSub,exports.DropdownMenuSubContent=__webpack_exports__.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=__webpack_exports__.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=__webpack_exports__.DropdownMenuTrigger,__webpack_exports__)-1===["DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,n)=>{for(var o in n)__webpack_require__.o(n,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownMenuSubTrigger:()=>DropdownMenuSubTrigger,DropdownMenuGroup:()=>DropdownMenuGroup,DropdownMenuItem:()=>DropdownMenuItem,DropdownMenuShortcut:()=>DropdownMenuShortcut,DropdownMenuSubContent:()=>DropdownMenuSubContent,DropdownMenuRadioItem:()=>DropdownMenuRadioItem,DropdownMenuSeparator:()=>DropdownMenuSeparator,DropdownMenuArrow:()=>DropdownMenuArrow,DropdownMenuRadioGroup:()=>DropdownMenuRadioGroup,DropdownMenu:()=>DropdownMenu,DropdownMenuCheckboxItem:()=>DropdownMenuCheckboxItem,DropdownMenuContent:()=>DropdownMenuContent,DropdownMenuLabel:()=>DropdownMenuLabel,DropdownMenuTrigger:()=>DropdownMenuTrigger,DropdownMenuSub:()=>DropdownMenuSub});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),react_dropdown_menu_namespaceObject=require("@radix-ui/react-dropdown-menu"),react_namespaceObject=require("@phosphor-icons/react"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function DropdownMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root,{"data-slot":"dropdown-menu",...e})}function DropdownMenuTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function DropdownMenuGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Group,{"data-slot":"dropdown-menu-group",...e})}function DropdownMenuSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Sub,{"data-slot":"dropdown-menu-sub",...e})}function DropdownMenuRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function DropdownMenuSubTrigger({children:e,className:n,inset:o,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger,{className:(0,utils_cjs_namespaceObject.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8",n),"data-inset":o,"data-slot":"dropdown-menu-sub-trigger",...t,children:[e,(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CaretRight,{className:"ml-auto size-4"})]})}function DropdownMenuSubContent({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent,{className:(0,utils_cjs_namespaceObject.cn)("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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-sub-content",...n})})}function DropdownMenuContent({className:e,sideOffset:n=4,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content,{className:(0,utils_cjs_namespaceObject.cn)("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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-content",sideOffset:n,...o})})}function DropdownMenuItem({className:e,inset:n,variant:o,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50",e),"data-inset":n,"data-slot":"dropdown-menu-item","data-variant":o,...t})}function DropdownMenuCheckboxItem({checked:e,children:n,className:o,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem,{checked:e,className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),"data-slot":"dropdown-menu-checkbox-item",...t,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Check,{className:"size-4"})})}),n]})}function DropdownMenuRadioItem({children:e,className:n,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n),"data-slot":"dropdown-menu-radio-item",...o,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Dot,{className:"size-4 fill-current"})})}),e]})}function DropdownMenuLabel({className:e,inset:n,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label,{className:(0,utils_cjs_namespaceObject.cn)("px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":n,"data-slot":"dropdown-menu-label",...o})}function DropdownMenuSeparator({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator,{className:(0,utils_cjs_namespaceObject.cn)("-mx-1 my-1 h-px bg-stroke",e),"data-slot":"dropdown-menu-separator",...n})}function DropdownMenuShortcut({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("ml-auto text-xs tracking-widest opacity-60",e),"data-slot":"dropdown-menu-shortcut",...n})}function DropdownMenuArrow({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Arrow,{className:(0,utils_cjs_namespaceObject.cn)("fill-stroke",e),"data-slot":"dropdown-menu-arrow",...n})}for(var __webpack_i__ in exports.DropdownMenu=__webpack_exports__.DropdownMenu,exports.DropdownMenuArrow=__webpack_exports__.DropdownMenuArrow,exports.DropdownMenuCheckboxItem=__webpack_exports__.DropdownMenuCheckboxItem,exports.DropdownMenuContent=__webpack_exports__.DropdownMenuContent,exports.DropdownMenuGroup=__webpack_exports__.DropdownMenuGroup,exports.DropdownMenuItem=__webpack_exports__.DropdownMenuItem,exports.DropdownMenuLabel=__webpack_exports__.DropdownMenuLabel,exports.DropdownMenuRadioGroup=__webpack_exports__.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=__webpack_exports__.DropdownMenuRadioItem,exports.DropdownMenuSeparator=__webpack_exports__.DropdownMenuSeparator,exports.DropdownMenuShortcut=__webpack_exports__.DropdownMenuShortcut,exports.DropdownMenuSub=__webpack_exports__.DropdownMenuSub,exports.DropdownMenuSubContent=__webpack_exports__.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=__webpack_exports__.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=__webpack_exports__.DropdownMenuTrigger,__webpack_exports__)-1===["DropdownMenu","DropdownMenuArrow","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=dropdown-menu.cjs.map

package/dist/cjs/components/dropdown-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\dropdown-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check, Circle } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport {\r\n  ComponentPropsWithoutRef,\r\n  ElementRef,\r\n  HTMLAttributes,\r\n  forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root\r\nDropdownMenu.displayName = 'DropdownMenu'\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger'\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\r\nDropdownMenuGroup.displayName = 'DropdownMenuGroup'\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\r\nDropdownMenuPortal.displayName = 'DropdownMenuPortal'\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\r\nDropdownMenuSub.displayName = 'DropdownMenuSub'\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\r\nDropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup'\r\n\r\nconst DropdownMenuSubTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n  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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <CaretRight size={16} className=\"ml-auto\" />\r\n  </DropdownMenuPrimitive.SubTrigger>\r\n))\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\r\n\r\nconst DropdownMenuSubContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n  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=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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\r\n\r\nconst DropdownMenuContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n  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        '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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  </DropdownMenuPrimitive.Portal>\r\n))\r\nDropdownMenuContent.displayName = 'DropdownMenuContent'\r\n\r\nconst DropdownMenuItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n  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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuItem.displayName = 'DropdownMenuItem'\r\n\r\nconst DropdownMenuCheckboxItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n  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 select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      className\r\n    )}\r\n    checked={checked}\r\n    {...props}\r\n  >\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 size={16} />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.CheckboxItem>\r\n))\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\r\n\r\nconst DropdownMenuRadioItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n  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 select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\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 size={8} className=\"fill-current\" />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.RadioItem>\r\n))\r\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\r\n\r\nconst DropdownMenuLabel = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n  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(\r\n      'px-2 py-1.5 font-semibold text-sm',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\r\n\r\nconst DropdownMenuSeparator = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n  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-stroke', className)}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\r\n\r\nconst DropdownMenuShortcut = ({\r\n  className,\r\n  ...props\r\n}: 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  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuGroup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","forwardRef","className","inset","children","props","ref","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"components\\dropdown-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { Dot } from '@phosphor-icons/react'\r\nimport { cn } from '../lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenu\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenu({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element {\r\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\r\n}\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuTrigger({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Trigger\r\n      data-slot=\"dropdown-menu-trigger\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuGroup({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSub\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSub({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element {\r\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioGroup({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioGroup\r\n      data-slot=\"dropdown-menu-radio-group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubTrigger({\r\n  children,\r\n  className,\r\n  inset,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n  inset?: boolean\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.SubTrigger\r\n      className={cn(\r\n        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-sub-trigger\"\r\n      {...props}\r\n    >\r\n      {children}\r\n      <CaretRight className=\"ml-auto size-4\" />\r\n    </DropdownMenuPrimitive.SubTrigger>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubContent({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal>\r\n      <DropdownMenuPrimitive.SubContent\r\n        className={cn(\r\n          '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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n          className\r\n        )}\r\n        data-slot=\"dropdown-menu-sub-content\"\r\n        {...props}\r\n      />\r\n    </DropdownMenuPrimitive.Portal>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuContent({\r\n  className,\r\n  sideOffset = 4,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal>\r\n      <DropdownMenuPrimitive.Content\r\n        className={cn(\r\n          '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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n          className\r\n        )}\r\n        data-slot=\"dropdown-menu-content\"\r\n        sideOffset={sideOffset}\r\n        {...props}\r\n      />\r\n    </DropdownMenuPrimitive.Portal>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuItem({\r\n  className,\r\n  inset,\r\n  variant,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\r\n  inset?: boolean\r\n  variant?: 'default' | 'destructive'\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Item\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-item\"\r\n      data-variant={variant}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuCheckboxItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuCheckboxItem({\r\n  checked,\r\n  children,\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.CheckboxItem\r\n      checked={checked}\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-slot=\"dropdown-menu-checkbox-item\"\r\n      {...props}\r\n    >\r\n      <span className=\"absolute left-2 flex items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <Check className=\"size-4\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.CheckboxItem>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioItem({\r\n  children,\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioItem\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-slot=\"dropdown-menu-radio-item\"\r\n      {...props}\r\n    >\r\n      <span className=\"absolute left-2 flex items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <Dot className=\"size-4 fill-current\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.RadioItem>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuLabel({\r\n  className,\r\n  inset,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Label> & {\r\n  inset?: boolean\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Label\r\n      className={cn(\r\n        'px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-label\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSeparator({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Separator\r\n      className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n      data-slot=\"dropdown-menu-separator\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuShortcut({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n  return (\r\n    <span\r\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n      data-slot=\"dropdown-menu-shortcut\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuArrow({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Arrow>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Arrow\r\n      className={cn('fill-stroke', className)}\r\n      data-slot=\"dropdown-menu-arrow\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuGroup,\r\n  DropdownMenuArrow,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","children","className","inset","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","variant","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Dot","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuArrow"],"mappings":"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"}

package/dist/cjs/components/form.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,useFormField:()=>useFormField,FormField:()=>FormField});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_label_cjs_namespaceObject=require("./label.cjs"),Form=external_react_hook_form_namespaceObject.FormProvider,FormFieldContext=external_react_namespaceObject.createContext({}),FormField=({...e})=>(0,jsx_runtime_namespaceObject.jsx)(FormFieldContext.Provider,{value:{name:e.name},children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...e})}),useFormField=()=>{let e=external_react_namespaceObject.useContext(FormFieldContext),r=external_react_namespaceObject.useContext(FormItemContext),{getFieldState:t,formState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=t(e.name,_);if(!e)throw Error("useFormField should be used within <FormField>");let{id:o}=r;return{id:o,name:e.name,formItemId:`${o}-form-item`,formDescriptionId:`${o}-form-item-description`,formMessageId:`${o}-form-item-message`,...a}},FormItemContext=external_react_namespaceObject.createContext({}),FormItem=external_react_namespaceObject.forwardRef(({className:e,...r},t)=>{let _=external_react_namespaceObject.useId();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContext.Provider,{value:{id:_},children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:t,className:(0,utils_cjs_namespaceObject.cn)("space-y-2",e),...r})})});FormItem.displayName="FormItem";let FormLabel=external_react_namespaceObject.forwardRef(({className:e,...r},t)=>{let{error:_,formItemId:a}=useFormField();return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{ref:t,className:(0,utils_cjs_namespaceObject.cn)(_&&"text-destructive",e),htmlFor:a,...r})});FormLabel.displayName="FormLabel";let FormControl=external_react_namespaceObject.forwardRef(({...e},r)=>{let{error:t,formItemId:_,formDescriptionId:a,formMessageId:o}=useFormField();return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{ref:r,id:_,"aria-describedby":t?`${a} ${o}`:`${a}`,"aria-invalid":!!t,...e})});FormControl.displayName="FormControl";let FormDescription=external_react_namespaceObject.forwardRef(({className:e,...r},t)=>{let{formDescriptionId:_}=useFormField();return(0,jsx_runtime_namespaceObject.jsx)("p",{ref:t,id:_,className:(0,utils_cjs_namespaceObject.cn)("text-[0.8rem] text-muted-foreground",e),...r})});FormDescription.displayName="FormDescription";let FormMessage=external_react_namespaceObject.forwardRef(({className:e,children:r,...t},_)=>{let{error:a,formMessageId:o}=useFormField(),m=a?String(a?.message):r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{ref:_,id:o,className:(0,utils_cjs_namespaceObject.cn)("font-medium text-[0.8rem] text-destructive",e),...t,children:m}):null});for(var __webpack_i__ in FormMessage.displayName="FormMessage",exports.Form=__webpack_exports__.Form,exports.FormControl=__webpack_exports__.FormControl,exports.FormDescription=__webpack_exports__.FormDescription,exports.FormField=__webpack_exports__.FormField,exports.FormItem=__webpack_exports__.FormItem,exports.FormLabel=__webpack_exports__.FormLabel,exports.FormMessage=__webpack_exports__.FormMessage,exports.useFormField=__webpack_exports__.useFormField,__webpack_exports__)-1===["Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","useFormField"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,FormField:()=>FormField,createFormFieldScope:()=>createFormFieldScope});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),external_label_cjs_namespaceObject=require("./label.cjs"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Form=external_react_hook_form_namespaceObject.FormProvider,FORM_FIELD_NAME="FormField",[createFormFieldContext,createFormFieldScope]=(0,react_context_namespaceObject.createContextScope)(FORM_FIELD_NAME),[FormFieldContextProvider,useFormFieldContext]=createFormFieldContext(FORM_FIELD_NAME);function useFormItem(e,r){let{id:t}=useFormItemContext(e,r),{name:o}=useFormFieldContext(e,r),{getFieldState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=(0,external_react_hook_form_namespaceObject.useFormState)({name:o}),m=_(o,a);return{id:t,name:o,formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,...m}}function FormField(e){let{__scopeFormField:r,...t}=e;return(0,jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider,{name:t.name,scope:r,children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...t})})}let FORM_ITEM_NAME="FormItem",[FormItemContextProvider,useFormItemContext]=createFormFieldContext("FormItem");function FormItem({__scopeFormField:e,className:r,...t}){let o=(0,external_react_namespaceObject.useId)();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContextProvider,{id:o,scope:e,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("grid gap-2",r),"data-slot":"form-item",...t})})}let FORM_LABEL_NAME="FormLabel";function FormLabel({__scopeFormField:e,...r}){let{formItemId:t,error:o}=useFormItem("FormLabel",e);return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{"data-invalid":!!o||void 0,"data-slot":"form-label",htmlFor:t,...r})}let FORM_CONTROL_NAME="FormControl";function FormControl({__scopeFormField:e,...r}){let{formDescriptionId:t,formItemId:o,formMessageId:_,error:a}=useFormItem("FormControl",e);return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{"aria-describedby":a?`${t} ${_}`:t,"aria-invalid":!!a,"data-slot":"form-control",id:o,...r})}function FormDescription({__scopeFormField:e,className:r,...t}){let{formDescriptionId:o}=useFormItem(FORM_MESSAGE_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:o,...t})}let FORM_MESSAGE_NAME="FormMessage";function FormMessage({__scopeFormField:e,children:r,className:t,...o}){let{formMessageId:_,error:a}=useFormItem(FORM_MESSAGE_NAME,e),m=a?.message?String(a.message):r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-xs",a?.message?"font-medium text-destructive":"text-muted-foreground",t),"data-slot":"form-message",id:_,...o,children:m}):null}for(var __webpack_i__ in exports.Form=__webpack_exports__.Form,exports.FormControl=__webpack_exports__.FormControl,exports.FormDescription=__webpack_exports__.FormDescription,exports.FormField=__webpack_exports__.FormField,exports.FormItem=__webpack_exports__.FormItem,exports.FormLabel=__webpack_exports__.FormLabel,exports.FormMessage=__webpack_exports__.FormMessage,exports.createFormFieldScope=__webpack_exports__.createFormFieldScope,__webpack_exports__)-1===["Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","createFormFieldScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=form.cjs.map

package/dist/cjs/components/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport * as React from 'react'\r\nimport {\r\n  Controller,\r\n  ControllerProps,\r\n  FieldPath,\r\n  FieldValues,\r\n  FormProvider,\r\n  useFormContext,\r\n} from 'react-hook-form'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Label } from './label'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\ntype FormFieldContextValue<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = {\r\n  name: TName\r\n}\r\n\r\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\r\n  {} as FormFieldContextValue\r\n)\r\n\r\nconst FormField = <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>({\r\n  ...props\r\n}: ControllerProps<TFieldValues, TName>) => {\r\n  return (\r\n    <FormFieldContext.Provider value={{ name: props.name }}>\r\n      <Controller {...props} />\r\n    </FormFieldContext.Provider>\r\n  )\r\n}\r\n\r\nconst useFormField = () => {\r\n  const fieldContext = React.useContext(FormFieldContext)\r\n  const itemContext = React.useContext(FormItemContext)\r\n  const { getFieldState, formState } = useFormContext()\r\n\r\n  const fieldState = getFieldState(fieldContext.name, formState)\r\n\r\n  if (!fieldContext) {\r\n    throw new Error('useFormField should be used within <FormField>')\r\n  }\r\n\r\n  const { id } = itemContext\r\n\r\n  return {\r\n    id,\r\n    name: fieldContext.name,\r\n    formItemId: `${id}-form-item`,\r\n    formDescriptionId: `${id}-form-item-description`,\r\n    formMessageId: `${id}-form-item-message`,\r\n    ...fieldState,\r\n  }\r\n}\r\n\r\ntype FormItemContextValue = {\r\n  id: string\r\n}\r\n\r\nconst FormItemContext = React.createContext<FormItemContextValue>(\r\n  {} as FormItemContextValue\r\n)\r\n\r\nconst FormItem = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => {\r\n  const id = React.useId()\r\n\r\n  return (\r\n    <FormItemContext.Provider value={{ id }}>\r\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\r\n    </FormItemContext.Provider>\r\n  )\r\n})\r\nFormItem.displayName = 'FormItem'\r\n\r\nconst FormLabel = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  const { error, formItemId } = useFormField()\r\n\r\n  return (\r\n    <Label\r\n      ref={ref}\r\n      className={cn(error && 'text-destructive', className)}\r\n      htmlFor={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormLabel.displayName = 'FormLabel'\r\n\r\nconst FormControl = React.forwardRef<\r\n  React.ElementRef<typeof Slot>,\r\n  React.ComponentPropsWithoutRef<typeof Slot>\r\n>(({ ...props }, ref) => {\r\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\r\n\r\n  return (\r\n    <Slot\r\n      ref={ref}\r\n      id={formItemId}\r\n      aria-describedby={\r\n        !error\r\n          ? `${formDescriptionId}`\r\n          : `${formDescriptionId} ${formMessageId}`\r\n      }\r\n      aria-invalid={!!error}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormControl.displayName = 'FormControl'\r\n\r\nconst FormDescription = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => {\r\n  const { formDescriptionId } = useFormField()\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formDescriptionId}\r\n      className={cn('text-[0.8rem] text-muted-foreground', className)}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormDescription.displayName = 'FormDescription'\r\n\r\nconst FormMessage = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, children, ...props }, ref) => {\r\n  const { error, formMessageId } = useFormField()\r\n  const body = error ? String(error?.message) : children\r\n\r\n  if (!body) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formMessageId}\r\n      className={cn('font-medium text-[0.8rem] text-destructive', className)}\r\n      {...props}\r\n    >\r\n      {body}\r\n    </p>\r\n  )\r\n})\r\nFormMessage.displayName = 'FormMessage'\r\n\r\nexport {\r\n  useFormField,\r\n  Form,\r\n  FormItem,\r\n  FormLabel,\r\n  FormControl,\r\n  FormDescription,\r\n  FormMessage,\r\n  FormField,\r\n}\r\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","Error","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","String"],"mappings":"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"}
+{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n  ControllerProps,\r\n  FieldError,\r\n  FieldPath,\r\n  FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n  Controller,\r\n  FormProvider,\r\n  useFormContext,\r\n  useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n  createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n  name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n  createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n  consumerName: string,\r\n  scope: Scope\r\n): {\r\n  formDescriptionId: string\r\n  formItemId: string\r\n  formMessageId: string\r\n  id: string\r\n  invalid: boolean\r\n  isDirty: boolean\r\n  isTouched: boolean\r\n  isValidating: boolean\r\n  name: string\r\n  error?: FieldError\r\n} {\r\n  const { id } = useFormItemContext(consumerName, scope)\r\n  const { name } = useFormFieldContext(consumerName, scope)\r\n  const { getFieldState } = useFormContext()\r\n  const formState = useFormState({ name })\r\n  const fieldState = getFieldState(name, formState)\r\n\r\n  return {\r\n    id,\r\n    name,\r\n    formDescriptionId: `form-item-description-${id}`,\r\n    formItemId: `form-item-${id}`,\r\n    formMessageId: `form-item-message-${id}`,\r\n    ...fieldState,\r\n  }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n  formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n  const { __scopeFormField, ...props } = formFieldProps\r\n\r\n  return (\r\n    <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n      <Controller {...props} />\r\n    </FormFieldContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n  id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n  createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n  __scopeFormField,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n  const id = useId()\r\n\r\n  return (\r\n    <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n      <div\r\n        className={cn('grid gap-2', className)}\r\n        data-slot=\"form-item\"\r\n        {...props}\r\n      />\r\n    </FormItemContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n  __scopeFormField,\r\n  ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n  const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n  return (\r\n    <Label\r\n      data-invalid={error ? true : undefined}\r\n      data-slot=\"form-label\"\r\n      htmlFor={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n  __scopeFormField,\r\n  ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n  const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n    FORM_CONTROL_NAME,\r\n    __scopeFormField\r\n  )\r\n\r\n  return (\r\n    <Slot\r\n      aria-describedby={\r\n        error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n      }\r\n      aria-invalid={Boolean(error)}\r\n      data-slot=\"form-control\"\r\n      id={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n  __scopeFormField,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n  const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n  return (\r\n    <p\r\n      className={cn('text-muted-foreground text-xs', className)}\r\n      data-slot=\"form-description\"\r\n      id={formDescriptionId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n  __scopeFormField,\r\n  children,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n  const { formMessageId, error } = useFormItem(\r\n    FORM_MESSAGE_NAME,\r\n    __scopeFormField\r\n  )\r\n  const body = error?.message ? String(error.message) : children\r\n\r\n  if (!body) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <p\r\n      className={cn(\r\n        'text-xs',\r\n        error?.message\r\n          ? 'font-medium text-destructive'\r\n          : 'text-muted-foreground',\r\n        className\r\n      )}\r\n      data-slot=\"form-message\"\r\n      id={formMessageId}\r\n      {...props}\r\n    >\r\n      {body}\r\n    </p>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  createFormFieldScope,\r\n  Form,\r\n  FormControl,\r\n  FormDescription,\r\n  FormField,\r\n  FormItem,\r\n  FormLabel,\r\n  FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FORM_ITEM_NAME","FormItemContextProvider","FormItem","className","useId","cn","FORM_LABEL_NAME","FormLabel","formItemId","error","Label","undefined","FORM_CONTROL_NAME","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}

package/dist/cjs/components/input-otp.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputOTPGroup:()=>InputOTPGroup,InputOTP:()=>InputOTP,InputOTPSlot:()=>InputOTPSlot,InputOTPSeparator:()=>InputOTPSeparator});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_input_otp_namespaceObject=require("input-otp"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),InputOTP=external_react_namespaceObject.forwardRef(({className:e,containerClassName:t,pattern:r,..._},a)=>(0,jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput,{ref:a,containerClassName:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-2 has-[:disabled]:opacity-50",t),className:(0,utils_cjs_namespaceObject.cn)("disabled:cursor-not-allowed",e),pattern:r||external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,..._}));InputOTP.displayName="InputOTP";let InputOTPGroup=external_react_namespaceObject.forwardRef(({className:e,...t},r)=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,className:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-1",e),...t}));InputOTPGroup.displayName="InputOTPGroup";let InputOTPSlot=external_react_namespaceObject.forwardRef(({index:e,className:t,...r},_)=>{let{char:a,hasFakeCaret:p,isActive:n}=external_react_namespaceObject.useContext(external_input_otp_namespaceObject.OTPInputContext).slots[e];return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:_,className:(0,utils_cjs_namespaceObject.cn)("relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all",n&&"z-10 ring-1 ring-gbm-sky",t),...r,children:[a,p&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})});InputOTPSlot.displayName="InputOTPSlot";let InputOTPSeparator=external_react_namespaceObject.forwardRef(({...e},t)=>(0,jsx_runtime_namespaceObject.jsx)("div",{ref:t,role:"separator",...e,children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Minus,{})}));for(var __webpack_i__ in InputOTPSeparator.displayName="InputOTPSeparator",exports.InputOTP=__webpack_exports__.InputOTP,exports.InputOTPGroup=__webpack_exports__.InputOTPGroup,exports.InputOTPSeparator=__webpack_exports__.InputOTPSeparator,exports.InputOTPSlot=__webpack_exports__.InputOTPSlot,__webpack_exports__)-1===["InputOTP","InputOTPGroup","InputOTPSeparator","InputOTPSlot"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{REGEXP_ONLY_DIGITS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS,InputOTPGroup:()=>InputOTPGroup,InputOTP:()=>InputOTP,InputOTPSlot:()=>InputOTPSlot,REGEXP_ONLY_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_CHARS,REGEXP_ONLY_DIGITS_AND_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,InputOTPSeparator:()=>InputOTPSeparator});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_input_otp_namespaceObject=require("input-otp"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_react_namespaceObject=require("react");function InputOTP({className:e,containerClassName:t,pattern:_,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput,{"aria-label":"One-time password",className:(0,utils_cjs_namespaceObject.cn)("disabled:cursor-not-allowed",e),containerClassName:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-2 has-[:disabled]:opacity-50",t),"data-slot":"input-otp",pattern:_||external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,...r})}function InputOTPGroup({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-1",e),"data-slot":"input-otp-group",role:"group",...t})}function InputOTPSlot({className:e,index:t,..._}){let{isActive:r,char:a,hasFakeCaret:p}=(0,external_react_namespaceObject.useContext)(external_input_otp_namespaceObject.OTPInputContext).slots[t];return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all data-[active=true]:z-10 data-[active=true]:ring-1 data-[active=true]:ring-gbm-sky",e),"data-active":r,"data-slot":"input-otp-slot",..._,children:[a,p&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}function InputOTPSeparator({...e}){return(0,jsx_runtime_namespaceObject.jsx)("div",{"data-slot":"input-otp-separator",role:"separator",...e,children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Minus,{})})}for(var __webpack_i__ in exports.InputOTP=__webpack_exports__.InputOTP,exports.InputOTPGroup=__webpack_exports__.InputOTPGroup,exports.InputOTPSeparator=__webpack_exports__.InputOTPSeparator,exports.InputOTPSlot=__webpack_exports__.InputOTPSlot,exports.REGEXP_ONLY_CHARS=__webpack_exports__.REGEXP_ONLY_CHARS,exports.REGEXP_ONLY_DIGITS=__webpack_exports__.REGEXP_ONLY_DIGITS,exports.REGEXP_ONLY_DIGITS_AND_CHARS=__webpack_exports__.REGEXP_ONLY_DIGITS_AND_CHARS,__webpack_exports__)-1===["InputOTP","InputOTPGroup","InputOTPSeparator","InputOTPSlot","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=input-otp.cjs.map

package/dist/cjs/components/input-otp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\input-otp.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-otp.tsx"],"sourcesContent":["\r\n\r\nimport { Minus } from '@phosphor-icons/react/dist/ssr'\r\nimport {\r\n  OTPInput,\r\n  OTPInputContext,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst InputOTP = React.forwardRef<\r\n  React.ElementRef<typeof OTPInput>,\r\n  React.ComponentPropsWithoutRef<typeof OTPInput>\r\n>(({ className, containerClassName, pattern, ...props }, ref) => (\r\n  <OTPInput\r\n    ref={ref}\r\n    containerClassName={cn(\r\n      'flex items-center gap-2 has-[:disabled]:opacity-50',\r\n      containerClassName\r\n    )}\r\n    className={cn('disabled:cursor-not-allowed', className)}\r\n    pattern={pattern || REGEXP_ONLY_DIGITS_AND_CHARS}\r\n    {...props}\r\n  />\r\n))\r\nInputOTP.displayName = 'InputOTP'\r\n\r\nconst InputOTPGroup = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('flex items-center gap-1', className)}\r\n    {...props}\r\n  />\r\n))\r\nInputOTPGroup.displayName = 'InputOTPGroup'\r\n\r\nconst InputOTPSlot = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\r\n>(({ index, className, ...props }, ref) => {\r\n  const inputOTPContext = React.useContext(OTPInputContext)\r\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cn(\r\n        'relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all',\r\n        isActive && 'z-10 ring-1 ring-gbm-sky',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {char}\r\n      {hasFakeCaret && (\r\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\r\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\nInputOTPSlot.displayName = 'InputOTPSlot'\r\n\r\nconst InputOTPSeparator = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'>\r\n>(({ ...props }, ref) => (\r\n  <div ref={ref} role=\"separator\" {...props}>\r\n    <Minus />\r\n  </div>\r\n))\r\nInputOTPSeparator.displayName = 'InputOTPSeparator'\r\n\r\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\r\n"],"names":["InputOTP","React","className","containerClassName","pattern","props","ref","OTPInput","cn","REGEXP_ONLY_DIGITS_AND_CHARS","InputOTPGroup","InputOTPSlot","index","char","hasFakeCaret","isActive","inputOTPContext","OTPInputContext","InputOTPSeparator","Minus"],"mappings":";mqCAYMA,SAAWC,+BAAAA,UAAgB,CAG/B,CAAC,CAAEC,UAAAA,CAAS,CAAEC,mBAAAA,CAAkB,CAAEC,QAAAA,CAAO,CAAE,GAAGC,EAAO,CAAEC,IACvD,oCAACC,mCAAAA,QAAQA,CAAAA,CACP,IAAKD,EACL,mBAAoBE,GAAAA,0BAAAA,EAAAA,EAClB,qDACAL,GAEF,UAAWK,GAAAA,0BAAAA,EAAAA,EAAG,8BAA+BN,GAC7C,QAASE,GAAWK,mCAAAA,4BAA4BA,CAC/C,GAAGJ,CAAK,GAGbL,CAAAA,SAAS,WAAW,CAAG,WAEvB,IAAMU,cAAgBT,+BAAAA,UAAgB,CAGpC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGG,EAAO,CAAEC,IAC1B,oCAAC,OACC,IAAKA,EACL,UAAWE,GAAAA,0BAAAA,EAAAA,EAAG,0BAA2BN,GACxC,GAAGG,CAAK,GAGbK,CAAAA,cAAc,WAAW,CAAG,gBAE5B,IAAMC,aAAeV,+BAAAA,UAAgB,CAGnC,CAAC,CAAEW,MAAAA,CAAK,CAAEV,UAAAA,CAAS,CAAE,GAAGG,EAAO,CAAEC,KAEjC,GAAM,CAAEO,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAEC,SAAAA,CAAQ,CAAE,CAAGC,+BADjBf,UAAgB,CAACgB,mCAAAA,eAAeA,EACC,KAAK,CAACL,EAAM,CAErE,MACE,qCAAC,OACC,IAAKN,EACL,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,+HACAO,GAAY,2BACZb,GAED,GAAGG,CAAK,C,UAERQ,EACAC,GACC,oCAAC,OAAI,UAAU,wE,SACb,oCAAC,OAAI,UAAU,0D,OAKzB,EACAH,CAAAA,aAAa,WAAW,CAAG,eAE3B,IAAMO,kBAAoBjB,+BAAAA,UAAgB,CAGxC,CAAC,CAAE,GAAGI,EAAO,CAAEC,IACf,oCAAC,OAAI,IAAKA,EAAK,KAAK,YAAa,GAAGD,CAAK,C,SACvC,oCAACc,oBAAAA,KAAKA,CAAAA,CAAAA,E,6BAGVD,kBAAkB,WAAW,CAAG,oB"}
+{"version":3,"file":"components\\input-otp.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-otp.tsx"],"sourcesContent":["\r\n\r\nimport { Minus } from '@phosphor-icons/react/dist/ssr'\r\nimport {\r\n  OTPInput,\r\n  OTPInputContext,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { ComponentProps, JSX, useContext } from 'react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOtp\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTP({\r\n  className,\r\n  containerClassName,\r\n  pattern,\r\n  ...props\r\n}: ComponentProps<typeof OTPInput>): JSX.Element {\r\n  return (\r\n    <OTPInput\r\n      aria-label=\"One-time password\"\r\n      className={cn('disabled:cursor-not-allowed', className)}\r\n      containerClassName={cn(\r\n        'flex items-center gap-2 has-[:disabled]:opacity-50',\r\n        containerClassName\r\n      )}\r\n      data-slot=\"input-otp\"\r\n      pattern={pattern || REGEXP_ONLY_DIGITS_AND_CHARS}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPGroup({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'div'>): JSX.Element {\r\n  return (\r\n    <div\r\n      className={cn('flex items-center gap-1', className)}\r\n      data-slot=\"input-otp-group\"\r\n      role=\"group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPSlot\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPSlot({\r\n  className,\r\n  index,\r\n  ...props\r\n}: ComponentProps<'div'> & {\r\n  index: number\r\n}): JSX.Element {\r\n  const inputOTPContext = useContext(OTPInputContext)\r\n  const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index]\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all data-[active=true]:z-10 data-[active=true]:ring-1 data-[active=true]:ring-gbm-sky',\r\n        className\r\n      )}\r\n      data-active={isActive}\r\n      data-slot=\"input-otp-slot\"\r\n      {...props}\r\n    >\r\n      {char}\r\n      {hasFakeCaret && (\r\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\r\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPSeparator({ ...props }: ComponentProps<'div'>): JSX.Element {\r\n  return (\r\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\r\n      <Minus />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {\r\n  REGEXP_ONLY_CHARS,\r\n  REGEXP_ONLY_DIGITS,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\r\n"],"names":["InputOTP","className","containerClassName","pattern","props","OTPInput","cn","REGEXP_ONLY_DIGITS_AND_CHARS","InputOTPGroup","InputOTPSlot","index","isActive","char","hasFakeCaret","inputOTPContext","useContext","OTPInputContext","InputOTPSeparator","Minus"],"mappings":";45CAgBA,SAASA,SAAS,CAChBC,UAAAA,CAAS,CACTC,mBAAAA,CAAkB,CAClBC,QAAAA,CAAO,CACP,GAAGC,EAC6B,EAChC,MACE,oCAACC,mCAAAA,QAAQA,CAAAA,CACP,aAAW,oBACX,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,8BAA+BL,GAC7C,mBAAoBK,GAAAA,0BAAAA,EAAAA,EAClB,qDACAJ,GAEF,YAAU,YACV,QAASC,GAAWI,mCAAAA,4BAA4BA,CAC/C,GAAGH,CAAK,EAGf,CAMA,SAASI,cAAc,CACrBP,UAAAA,CAAS,CACT,GAAGG,EACmB,EACtB,MACE,oCAAC,OACC,UAAWE,GAAAA,0BAAAA,EAAAA,EAAG,0BAA2BL,GACzC,YAAU,kBACV,KAAK,QACJ,GAAGG,CAAK,EAGf,CAMA,SAASK,aAAa,CACpBR,UAAAA,CAAS,CACTS,MAAAA,CAAK,CACL,GAAGN,EAGJ,EAEC,GAAM,CAAEO,SAAAA,CAAQ,CAAEC,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAE,CAAGC,GADjBC,+BAAAA,UAAAA,EAAWC,mCAAAA,eAAeA,EACO,KAAK,CAACN,EAAM,CAErE,MACE,qCAAC,OACC,UAAWJ,GAAAA,0BAAAA,EAAAA,EACT,iNACAL,GAEF,cAAaU,EACb,YAAU,iBACT,GAAGP,CAAK,C,UAERQ,EACAC,GACC,oCAAC,OAAI,UAAU,wE,SACb,oCAAC,OAAI,UAAU,0D,OAKzB,CAMA,SAASI,kBAAkB,CAAE,GAAGb,EAA8B,EAC5D,MACE,oCAAC,OAAI,YAAU,sBAAsB,KAAK,YAAa,GAAGA,CAAK,C,SAC7D,oCAACc,oBAAAA,KAAKA,CAAAA,CAAAA,E,EAGZ,C"}

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

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react/dist/ssr";import*as o from"@radix-ui/react-dropdown-menu";import*as a from"react";import*as n from"../lib/utils.js";let r=o.Root;r.displayName="DropdownMenu";let d=o.Trigger;d.displayName="DropdownMenuTrigger";let s=o.Group;s.displayName="DropdownMenuGroup";let i=o.Portal;i.displayName="DropdownMenuPortal";let l=o.Sub;l.displayName="DropdownMenuSub";let p=o.RadioGroup;p.displayName="DropdownMenuRadioGroup";let m=(0,a.forwardRef)(({className:a,inset:r,children:d,...s},i)=>(0,e.jsxs)(o.SubTrigger,{ref:i,className:(0,n.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent",r&&"pl-8",a),...s,children:[d,(0,e.jsx)(t.CaretRight,{size:16,className:"ml-auto"})]}));m.displayName="DropdownMenuSubTrigger";let u=(0,a.forwardRef)(({className:t,...a},r)=>(0,e.jsx)(o.SubContent,{ref:r,className:(0,n.cn)("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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",t),...a}));u.displayName="DropdownMenuSubContent";let c=(0,a.forwardRef)(({className:t,sideOffset:a=4,...r},d)=>(0,e.jsx)(o.Portal,{children:(0,e.jsx)(o.Content,{ref:d,sideOffset:a,className:(0,n.cn)("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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",t),...r})}));c.displayName="DropdownMenuContent";let f=(0,a.forwardRef)(({className:t,inset:a,...r},d)=>(0,e.jsx)(o.Item,{ref:d,className:(0,n.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a&&"pl-8",t),...r}));f.displayName="DropdownMenuItem";let w=(0,a.forwardRef)(({className:a,children:r,checked:d,...s},i)=>(0,e.jsxs)(o.CheckboxItem,{ref:i,className:(0,n.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),checked:d,...s,children:[(0,e.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,e.jsx)(o.ItemIndicator,{children:(0,e.jsx)(t.Check,{size:16})})}),r]}));w.displayName="DropdownMenuCheckboxItem";let x=(0,a.forwardRef)(({className:a,children:r,...d},s)=>(0,e.jsxs)(o.RadioItem,{ref:s,className:(0,n.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...d,children:[(0,e.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,e.jsx)(o.ItemIndicator,{children:(0,e.jsx)(t.Circle,{size:8,className:"fill-current"})})}),r]}));x.displayName="DropdownMenuRadioItem";let b=(0,a.forwardRef)(({className:t,inset:a,...r},d)=>(0,e.jsx)(o.Label,{ref:d,className:(0,n.cn)("px-2 py-1.5 font-semibold text-sm",a&&"pl-8",t),...r}));b.displayName="DropdownMenuLabel";let g=(0,a.forwardRef)(({className:t,...a},r)=>(0,e.jsx)(o.Separator,{ref:r,className:(0,n.cn)("-mx-1 my-1 h-px bg-stroke",t),...a}));g.displayName="DropdownMenuSeparator";let h=({className:t,...o})=>(0,e.jsx)("span",{className:(0,n.cn)("ml-auto text-xs tracking-widest opacity-60",t),...o});h.displayName="DropdownMenuShortcut";export{r as DropdownMenu,w as DropdownMenuCheckboxItem,c as DropdownMenuContent,s as DropdownMenuGroup,f as DropdownMenuItem,b as DropdownMenuLabel,i as DropdownMenuPortal,p as DropdownMenuRadioGroup,x as DropdownMenuRadioItem,g as DropdownMenuSeparator,h as DropdownMenuShortcut,l as DropdownMenuSub,u as DropdownMenuSubContent,m as DropdownMenuSubTrigger,d as DropdownMenuTrigger};
+import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react/dist/ssr";import*as o from"@radix-ui/react-dropdown-menu";import*as n from"@phosphor-icons/react";import*as a from"../lib/utils.js";function r({...e}){return(0,t.jsx)(o.Root,{"data-slot":"dropdown-menu",...e})}function s({...e}){return(0,t.jsx)(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function d({...e}){return(0,t.jsx)(o.Group,{"data-slot":"dropdown-menu-group",...e})}function i({...e}){return(0,t.jsx)(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function u({...e}){return(0,t.jsx)(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function l({children:n,className:r,inset:s,...d}){return(0,t.jsxs)(o.SubTrigger,{className:(0,a.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8",r),"data-inset":s,"data-slot":"dropdown-menu-sub-trigger",...d,children:[n,(0,t.jsx)(e.CaretRight,{className:"ml-auto size-4"})]})}function c({className:e,...n}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.SubContent,{className:(0,a.cn)("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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-sub-content",...n})})}function m({className:e,sideOffset:n=4,...r}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.Content,{className:(0,a.cn)("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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-content",sideOffset:n,...r})})}function p({className:e,inset:n,variant:r,...s}){return(0,t.jsx)(o.Item,{className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50",e),"data-inset":n,"data-slot":"dropdown-menu-item","data-variant":r,...s})}function f({checked:n,children:r,className:s,...d}){return(0,t.jsxs)(o.CheckboxItem,{checked:n,className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),"data-slot":"dropdown-menu-checkbox-item",...d,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(o.ItemIndicator,{children:(0,t.jsx)(e.Check,{className:"size-4"})})}),r]})}function x({children:e,className:r,...s}){return(0,t.jsxs)(o.RadioItem,{className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),"data-slot":"dropdown-menu-radio-item",...s,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(o.ItemIndicator,{children:(0,t.jsx)(n.Dot,{className:"size-4 fill-current"})})}),e]})}function w({className:e,inset:n,...r}){return(0,t.jsx)(o.Label,{className:(0,a.cn)("px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":n,"data-slot":"dropdown-menu-label",...r})}function b({className:e,...n}){return(0,t.jsx)(o.Separator,{className:(0,a.cn)("-mx-1 my-1 h-px bg-stroke",e),"data-slot":"dropdown-menu-separator",...n})}function g({className:e,...o}){return(0,t.jsx)("span",{className:(0,a.cn)("ml-auto text-xs tracking-widest opacity-60",e),"data-slot":"dropdown-menu-shortcut",...o})}function h({className:e,...n}){return(0,t.jsx)(o.Arrow,{className:(0,a.cn)("fill-stroke",e),"data-slot":"dropdown-menu-arrow",...n})}export{r as DropdownMenu,h as DropdownMenuArrow,f as DropdownMenuCheckboxItem,m as DropdownMenuContent,d as DropdownMenuGroup,p as DropdownMenuItem,w as DropdownMenuLabel,u as DropdownMenuRadioGroup,x as DropdownMenuRadioItem,b as DropdownMenuSeparator,g as DropdownMenuShortcut,i as DropdownMenuSub,c as DropdownMenuSubContent,l as DropdownMenuSubTrigger,s as DropdownMenuTrigger};
 //# sourceMappingURL=dropdown-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\dropdown-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check, Circle } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport {\r\n  ComponentPropsWithoutRef,\r\n  ElementRef,\r\n  HTMLAttributes,\r\n  forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root\r\nDropdownMenu.displayName = 'DropdownMenu'\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger'\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\r\nDropdownMenuGroup.displayName = 'DropdownMenuGroup'\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\r\nDropdownMenuPortal.displayName = 'DropdownMenuPortal'\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\r\nDropdownMenuSub.displayName = 'DropdownMenuSub'\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\r\nDropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup'\r\n\r\nconst DropdownMenuSubTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n  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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <CaretRight size={16} className=\"ml-auto\" />\r\n  </DropdownMenuPrimitive.SubTrigger>\r\n))\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\r\n\r\nconst DropdownMenuSubContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n  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=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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\r\n\r\nconst DropdownMenuContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n  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        '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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  </DropdownMenuPrimitive.Portal>\r\n))\r\nDropdownMenuContent.displayName = 'DropdownMenuContent'\r\n\r\nconst DropdownMenuItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n  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 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuItem.displayName = 'DropdownMenuItem'\r\n\r\nconst DropdownMenuCheckboxItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n  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 select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      className\r\n    )}\r\n    checked={checked}\r\n    {...props}\r\n  >\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 size={16} />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.CheckboxItem>\r\n))\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\r\n\r\nconst DropdownMenuRadioItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n  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 select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n      className\r\n    )}\r\n    {...props}\r\n  >\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 size={8} className=\"fill-current\" />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.RadioItem>\r\n))\r\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\r\n\r\nconst DropdownMenuLabel = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n  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(\r\n      'px-2 py-1.5 font-semibold text-sm',\r\n      inset && 'pl-8',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\r\n\r\nconst DropdownMenuSeparator = forwardRef<\r\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n  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-stroke', className)}\r\n    {...props}\r\n  />\r\n))\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\r\n\r\nconst DropdownMenuShortcut = ({\r\n  className,\r\n  ...props\r\n}: 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  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuGroup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","forwardRef","className","inset","children","props","ref","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"components\\dropdown-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { Dot } from '@phosphor-icons/react'\r\nimport { cn } from '../lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenu\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenu({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element {\r\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\r\n}\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuTrigger({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Trigger\r\n      data-slot=\"dropdown-menu-trigger\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuGroup({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSub\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSub({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element {\r\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioGroup({\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioGroup\r\n      data-slot=\"dropdown-menu-radio-group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubTrigger({\r\n  children,\r\n  className,\r\n  inset,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n  inset?: boolean\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.SubTrigger\r\n      className={cn(\r\n        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-sub-trigger\"\r\n      {...props}\r\n    >\r\n      {children}\r\n      <CaretRight className=\"ml-auto size-4\" />\r\n    </DropdownMenuPrimitive.SubTrigger>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubContent({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal>\r\n      <DropdownMenuPrimitive.SubContent\r\n        className={cn(\r\n          '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] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n          className\r\n        )}\r\n        data-slot=\"dropdown-menu-sub-content\"\r\n        {...props}\r\n      />\r\n    </DropdownMenuPrimitive.Portal>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuContent({\r\n  className,\r\n  sideOffset = 4,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal>\r\n      <DropdownMenuPrimitive.Content\r\n        className={cn(\r\n          '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] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n          className\r\n        )}\r\n        data-slot=\"dropdown-menu-content\"\r\n        sideOffset={sideOffset}\r\n        {...props}\r\n      />\r\n    </DropdownMenuPrimitive.Portal>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuItem({\r\n  className,\r\n  inset,\r\n  variant,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\r\n  inset?: boolean\r\n  variant?: 'default' | 'destructive'\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Item\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-item\"\r\n      data-variant={variant}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuCheckboxItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuCheckboxItem({\r\n  checked,\r\n  children,\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.CheckboxItem\r\n      checked={checked}\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-slot=\"dropdown-menu-checkbox-item\"\r\n      {...props}\r\n    >\r\n      <span className=\"absolute left-2 flex items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <Check className=\"size-4\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.CheckboxItem>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioItem({\r\n  children,\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioItem\r\n      className={cn(\r\n        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n        className\r\n      )}\r\n      data-slot=\"dropdown-menu-radio-item\"\r\n      {...props}\r\n    >\r\n      <span className=\"absolute left-2 flex items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <Dot className=\"size-4 fill-current\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.RadioItem>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuLabel({\r\n  className,\r\n  inset,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Label> & {\r\n  inset?: boolean\r\n}): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Label\r\n      className={cn(\r\n        'px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\r\n        className\r\n      )}\r\n      data-inset={inset}\r\n      data-slot=\"dropdown-menu-label\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSeparator({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Separator\r\n      className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n      data-slot=\"dropdown-menu-separator\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuShortcut({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n  return (\r\n    <span\r\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n      data-slot=\"dropdown-menu-shortcut\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuArrow({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Arrow>): JSX.Element {\r\n  return (\r\n    <DropdownMenuPrimitive.Arrow\r\n      className={cn('fill-stroke', className)}\r\n      data-slot=\"dropdown-menu-arrow\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuGroup,\r\n  DropdownMenuArrow,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","children","className","inset","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","variant","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Dot","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuArrow"],"mappings":"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"}

package/dist/esm/components/form.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as t from"react";import*as o from"react-hook-form";import*as m from"../lib/utils.js";import*as a from"./label.js";let s=o.FormProvider,i=t.createContext({}),l=({...r})=>(0,e.jsx)(i.Provider,{value:{name:r.name},children:(0,e.jsx)(o.Controller,{...r})}),d=()=>{let e=t.useContext(i),r=t.useContext(n),{getFieldState:m,formState:a}=(0,o.useFormContext)(),s=m(e.name,a);if(!e)throw Error("useFormField should be used within <FormField>");let{id:l}=r;return{id:l,name:e.name,formItemId:`${l}-form-item`,formDescriptionId:`${l}-form-item-description`,formMessageId:`${l}-form-item-message`,...s}},n=t.createContext({}),f=t.forwardRef(({className:r,...o},a)=>{let s=t.useId();return(0,e.jsx)(n.Provider,{value:{id:s},children:(0,e.jsx)("div",{ref:a,className:(0,m.cn)("space-y-2",r),...o})})});f.displayName="FormItem";let c=t.forwardRef(({className:r,...t},o)=>{let{error:s,formItemId:i}=d();return(0,e.jsx)(a.Label,{ref:o,className:(0,m.cn)(s&&"text-destructive",r),htmlFor:i,...t})});c.displayName="FormLabel";let u=t.forwardRef(({...t},o)=>{let{error:m,formItemId:a,formDescriptionId:s,formMessageId:i}=d();return(0,e.jsx)(r.Slot,{ref:o,id:a,"aria-describedby":m?`${s} ${i}`:`${s}`,"aria-invalid":!!m,...t})});u.displayName="FormControl";let F=t.forwardRef(({className:r,...t},o)=>{let{formDescriptionId:a}=d();return(0,e.jsx)("p",{ref:o,id:a,className:(0,m.cn)("text-[0.8rem] text-muted-foreground",r),...t})});F.displayName="FormDescription";let x=t.forwardRef(({className:r,children:t,...o},a)=>{let{error:s,formMessageId:i}=d(),l=s?String(s?.message):t;return l?(0,e.jsx)("p",{ref:a,id:i,className:(0,m.cn)("font-medium text-[0.8rem] text-destructive",r),...o,children:l}):null});x.displayName="FormMessage";export{s as Form,u as FormControl,F as FormDescription,l as FormField,f as FormItem,c as FormLabel,x as FormMessage,d as useFormField};
+import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-context";import*as r from"@radix-ui/react-slot";import*as o from"react";import*as m from"react-hook-form";import*as s from"./label.js";import*as a from"../lib/utils.js";let i=m.FormProvider,n="FormField",[l,d]=(0,t.createContextScope)(n),[c,f]=l(n);function u(e,t){let{id:r}=p(e,t),{name:o}=f(e,t),{getFieldState:s}=(0,m.useFormContext)(),a=(0,m.useFormState)({name:o}),i=s(o,a);return{id:r,name:o,formDescriptionId:`form-item-description-${r}`,formItemId:`form-item-${r}`,formMessageId:`form-item-message-${r}`,...i}}function x(t){let{__scopeFormField:r,...o}=t;return(0,e.jsx)(c,{name:o.name,scope:r,children:(0,e.jsx)(m.Controller,{...o})})}let[F,p]=l("FormItem");function g({__scopeFormField:t,className:r,...m}){let s=(0,o.useId)();return(0,e.jsx)(F,{id:s,scope:t,children:(0,e.jsx)("div",{className:(0,a.cn)("grid gap-2",r),"data-slot":"form-item",...m})})}function j({__scopeFormField:t,...r}){let{formItemId:o,error:m}=u("FormLabel",t);return(0,e.jsx)(s.Label,{"data-invalid":!!m||void 0,"data-slot":"form-label",htmlFor:o,...r})}function b({__scopeFormField:t,...o}){let{formDescriptionId:m,formItemId:s,formMessageId:a,error:i}=u("FormControl",t);return(0,e.jsx)(r.Slot,{"aria-describedby":i?`${m} ${a}`:m,"aria-invalid":!!i,"data-slot":"form-control",id:s,...o})}function I({__scopeFormField:t,className:r,...o}){let{formDescriptionId:m}=u(v,t);return(0,e.jsx)("p",{className:(0,a.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:m,...o})}let v="FormMessage";function h({__scopeFormField:t,children:r,className:o,...m}){let{formMessageId:s,error:i}=u(v,t),n=i?.message?String(i.message):r;return n?(0,e.jsx)("p",{className:(0,a.cn)("text-xs",i?.message?"font-medium text-destructive":"text-muted-foreground",o),"data-slot":"form-message",id:s,...m,children:n}):null}export{i as Form,b as FormControl,I as FormDescription,x as FormField,g as FormItem,j as FormLabel,h as FormMessage,d as createFormFieldScope};
 //# sourceMappingURL=form.js.map

package/dist/esm/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport * as React from 'react'\r\nimport {\r\n  Controller,\r\n  ControllerProps,\r\n  FieldPath,\r\n  FieldValues,\r\n  FormProvider,\r\n  useFormContext,\r\n} from 'react-hook-form'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Label } from './label'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\ntype FormFieldContextValue<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = {\r\n  name: TName\r\n}\r\n\r\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\r\n  {} as FormFieldContextValue\r\n)\r\n\r\nconst FormField = <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>({\r\n  ...props\r\n}: ControllerProps<TFieldValues, TName>) => {\r\n  return (\r\n    <FormFieldContext.Provider value={{ name: props.name }}>\r\n      <Controller {...props} />\r\n    </FormFieldContext.Provider>\r\n  )\r\n}\r\n\r\nconst useFormField = () => {\r\n  const fieldContext = React.useContext(FormFieldContext)\r\n  const itemContext = React.useContext(FormItemContext)\r\n  const { getFieldState, formState } = useFormContext()\r\n\r\n  const fieldState = getFieldState(fieldContext.name, formState)\r\n\r\n  if (!fieldContext) {\r\n    throw new Error('useFormField should be used within <FormField>')\r\n  }\r\n\r\n  const { id } = itemContext\r\n\r\n  return {\r\n    id,\r\n    name: fieldContext.name,\r\n    formItemId: `${id}-form-item`,\r\n    formDescriptionId: `${id}-form-item-description`,\r\n    formMessageId: `${id}-form-item-message`,\r\n    ...fieldState,\r\n  }\r\n}\r\n\r\ntype FormItemContextValue = {\r\n  id: string\r\n}\r\n\r\nconst FormItemContext = React.createContext<FormItemContextValue>(\r\n  {} as FormItemContextValue\r\n)\r\n\r\nconst FormItem = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => {\r\n  const id = React.useId()\r\n\r\n  return (\r\n    <FormItemContext.Provider value={{ id }}>\r\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\r\n    </FormItemContext.Provider>\r\n  )\r\n})\r\nFormItem.displayName = 'FormItem'\r\n\r\nconst FormLabel = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  const { error, formItemId } = useFormField()\r\n\r\n  return (\r\n    <Label\r\n      ref={ref}\r\n      className={cn(error && 'text-destructive', className)}\r\n      htmlFor={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormLabel.displayName = 'FormLabel'\r\n\r\nconst FormControl = React.forwardRef<\r\n  React.ElementRef<typeof Slot>,\r\n  React.ComponentPropsWithoutRef<typeof Slot>\r\n>(({ ...props }, ref) => {\r\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\r\n\r\n  return (\r\n    <Slot\r\n      ref={ref}\r\n      id={formItemId}\r\n      aria-describedby={\r\n        !error\r\n          ? `${formDescriptionId}`\r\n          : `${formDescriptionId} ${formMessageId}`\r\n      }\r\n      aria-invalid={!!error}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormControl.displayName = 'FormControl'\r\n\r\nconst FormDescription = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => {\r\n  const { formDescriptionId } = useFormField()\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formDescriptionId}\r\n      className={cn('text-[0.8rem] text-muted-foreground', className)}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nFormDescription.displayName = 'FormDescription'\r\n\r\nconst FormMessage = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, children, ...props }, ref) => {\r\n  const { error, formMessageId } = useFormField()\r\n  const body = error ? String(error?.message) : children\r\n\r\n  if (!body) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <p\r\n      ref={ref}\r\n      id={formMessageId}\r\n      className={cn('font-medium text-[0.8rem] text-destructive', className)}\r\n      {...props}\r\n    >\r\n      {body}\r\n    </p>\r\n  )\r\n})\r\nFormMessage.displayName = 'FormMessage'\r\n\r\nexport {\r\n  useFormField,\r\n  Form,\r\n  FormItem,\r\n  FormLabel,\r\n  FormControl,\r\n  FormDescription,\r\n  FormMessage,\r\n  FormField,\r\n}\r\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","Error","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","String"],"mappings":"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"}
+{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n  ControllerProps,\r\n  FieldError,\r\n  FieldPath,\r\n  FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n  Controller,\r\n  FormProvider,\r\n  useFormContext,\r\n  useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n  createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n  name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n  createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n  consumerName: string,\r\n  scope: Scope\r\n): {\r\n  formDescriptionId: string\r\n  formItemId: string\r\n  formMessageId: string\r\n  id: string\r\n  invalid: boolean\r\n  isDirty: boolean\r\n  isTouched: boolean\r\n  isValidating: boolean\r\n  name: string\r\n  error?: FieldError\r\n} {\r\n  const { id } = useFormItemContext(consumerName, scope)\r\n  const { name } = useFormFieldContext(consumerName, scope)\r\n  const { getFieldState } = useFormContext()\r\n  const formState = useFormState({ name })\r\n  const fieldState = getFieldState(name, formState)\r\n\r\n  return {\r\n    id,\r\n    name,\r\n    formDescriptionId: `form-item-description-${id}`,\r\n    formItemId: `form-item-${id}`,\r\n    formMessageId: `form-item-message-${id}`,\r\n    ...fieldState,\r\n  }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n  formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n  const { __scopeFormField, ...props } = formFieldProps\r\n\r\n  return (\r\n    <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n      <Controller {...props} />\r\n    </FormFieldContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n  id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n  createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n  __scopeFormField,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n  const id = useId()\r\n\r\n  return (\r\n    <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n      <div\r\n        className={cn('grid gap-2', className)}\r\n        data-slot=\"form-item\"\r\n        {...props}\r\n      />\r\n    </FormItemContextProvider>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n  __scopeFormField,\r\n  ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n  const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n  return (\r\n    <Label\r\n      data-invalid={error ? true : undefined}\r\n      data-slot=\"form-label\"\r\n      htmlFor={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n  __scopeFormField,\r\n  ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n  const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n    FORM_CONTROL_NAME,\r\n    __scopeFormField\r\n  )\r\n\r\n  return (\r\n    <Slot\r\n      aria-describedby={\r\n        error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n      }\r\n      aria-invalid={Boolean(error)}\r\n      data-slot=\"form-control\"\r\n      id={formItemId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n  __scopeFormField,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n  const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n  return (\r\n    <p\r\n      className={cn('text-muted-foreground text-xs', className)}\r\n      data-slot=\"form-description\"\r\n      id={formDescriptionId}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n  __scopeFormField,\r\n  children,\r\n  className,\r\n  ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n  const { formMessageId, error } = useFormItem(\r\n    FORM_MESSAGE_NAME,\r\n    __scopeFormField\r\n  )\r\n  const body = error?.message ? String(error.message) : children\r\n\r\n  if (!body) {\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <p\r\n      className={cn(\r\n        'text-xs',\r\n        error?.message\r\n          ? 'font-medium text-destructive'\r\n          : 'text-muted-foreground',\r\n        className\r\n      )}\r\n      data-slot=\"form-message\"\r\n      id={formMessageId}\r\n      {...props}\r\n    >\r\n      {body}\r\n    </p>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  createFormFieldScope,\r\n  Form,\r\n  FormControl,\r\n  FormDescription,\r\n  FormField,\r\n  FormItem,\r\n  FormLabel,\r\n  FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FormItemContextProvider","FormItem","className","useId","cn","FormLabel","formItemId","error","Label","undefined","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}

package/dist/esm/components/input-otp.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react/dist/ssr";import*as t from"input-otp";import*as s from"react";import*as a from"../lib/utils.js";let n=s.forwardRef(({className:r,containerClassName:s,pattern:n,...o},i)=>(0,e.jsx)(t.OTPInput,{ref:i,containerClassName:(0,a.cn)("flex items-center gap-2 has-[:disabled]:opacity-50",s),className:(0,a.cn)("disabled:cursor-not-allowed",r),pattern:n||t.REGEXP_ONLY_DIGITS_AND_CHARS,...o}));n.displayName="InputOTP";let o=s.forwardRef(({className:r,...t},s)=>(0,e.jsx)("div",{ref:s,className:(0,a.cn)("flex items-center gap-1",r),...t}));o.displayName="InputOTPGroup";let i=s.forwardRef(({index:r,className:n,...o},i)=>{let{char:l,hasFakeCaret:p,isActive:d}=s.useContext(t.OTPInputContext).slots[r];return(0,e.jsxs)("div",{ref:i,className:(0,a.cn)("relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all",d&&"z-10 ring-1 ring-gbm-sky",n),...o,children:[l,p&&(0,e.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,e.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})});i.displayName="InputOTPSlot";let l=s.forwardRef(({...t},s)=>(0,e.jsx)("div",{ref:s,role:"separator",...t,children:(0,e.jsx)(r.Minus,{})}));l.displayName="InputOTPSeparator";export{n as InputOTP,o as InputOTPGroup,l as InputOTPSeparator,i as InputOTPSlot};
+import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react/dist/ssr";import*as a from"input-otp";import*as r from"../lib/utils.js";import*as s from"react";function o({className:e,containerClassName:s,pattern:o,...n}){return(0,t.jsx)(a.OTPInput,{"aria-label":"One-time password",className:(0,r.cn)("disabled:cursor-not-allowed",e),containerClassName:(0,r.cn)("flex items-center gap-2 has-[:disabled]:opacity-50",s),"data-slot":"input-otp",pattern:o||a.REGEXP_ONLY_DIGITS_AND_CHARS,...n})}function n({className:e,...a}){return(0,t.jsx)("div",{className:(0,r.cn)("flex items-center gap-1",e),"data-slot":"input-otp-group",role:"group",...a})}function i({className:e,index:o,...n}){let{isActive:i,char:p,hasFakeCaret:_}=(0,s.useContext)(a.OTPInputContext).slots[o];return(0,t.jsxs)("div",{className:(0,r.cn)("relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all data-[active=true]:z-10 data-[active=true]:ring-1 data-[active=true]:ring-gbm-sky",e),"data-active":i,"data-slot":"input-otp-slot",...n,children:[p,_&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}function p({...a}){return(0,t.jsx)("div",{"data-slot":"input-otp-separator",role:"separator",...a,children:(0,t.jsx)(e.Minus,{})})}var _=a.REGEXP_ONLY_CHARS,c=a.REGEXP_ONLY_DIGITS,l=a.REGEXP_ONLY_DIGITS_AND_CHARS;export{o as InputOTP,n as InputOTPGroup,p as InputOTPSeparator,i as InputOTPSlot,_ as REGEXP_ONLY_CHARS,c as REGEXP_ONLY_DIGITS,l as REGEXP_ONLY_DIGITS_AND_CHARS};
 //# sourceMappingURL=input-otp.js.map

package/dist/esm/components/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\input-otp.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-otp.tsx"],"sourcesContent":["\r\n\r\nimport { Minus } from '@phosphor-icons/react/dist/ssr'\r\nimport {\r\n  OTPInput,\r\n  OTPInputContext,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst InputOTP = React.forwardRef<\r\n  React.ElementRef<typeof OTPInput>,\r\n  React.ComponentPropsWithoutRef<typeof OTPInput>\r\n>(({ className, containerClassName, pattern, ...props }, ref) => (\r\n  <OTPInput\r\n    ref={ref}\r\n    containerClassName={cn(\r\n      'flex items-center gap-2 has-[:disabled]:opacity-50',\r\n      containerClassName\r\n    )}\r\n    className={cn('disabled:cursor-not-allowed', className)}\r\n    pattern={pattern || REGEXP_ONLY_DIGITS_AND_CHARS}\r\n    {...props}\r\n  />\r\n))\r\nInputOTP.displayName = 'InputOTP'\r\n\r\nconst InputOTPGroup = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('flex items-center gap-1', className)}\r\n    {...props}\r\n  />\r\n))\r\nInputOTPGroup.displayName = 'InputOTPGroup'\r\n\r\nconst InputOTPSlot = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\r\n>(({ index, className, ...props }, ref) => {\r\n  const inputOTPContext = React.useContext(OTPInputContext)\r\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cn(\r\n        'relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all',\r\n        isActive && 'z-10 ring-1 ring-gbm-sky',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {char}\r\n      {hasFakeCaret && (\r\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\r\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\nInputOTPSlot.displayName = 'InputOTPSlot'\r\n\r\nconst InputOTPSeparator = React.forwardRef<\r\n  React.ElementRef<'div'>,\r\n  React.ComponentPropsWithoutRef<'div'>\r\n>(({ ...props }, ref) => (\r\n  <div ref={ref} role=\"separator\" {...props}>\r\n    <Minus />\r\n  </div>\r\n))\r\nInputOTPSeparator.displayName = 'InputOTPSeparator'\r\n\r\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\r\n"],"names":["InputOTP","React","className","containerClassName","pattern","props","ref","OTPInput","cn","REGEXP_ONLY_DIGITS_AND_CHARS","InputOTPGroup","InputOTPSlot","index","char","hasFakeCaret","isActive","inputOTPContext","OTPInputContext","InputOTPSeparator","Minus"],"mappings":";2KAYA,IAAMA,EAAWC,EAAAA,UAAgB,CAG/B,CAAC,CAAEC,UAAAA,CAAS,CAAEC,mBAAAA,CAAkB,CAAEC,QAAAA,CAAO,CAAE,GAAGC,EAAO,CAAEC,IACvD,UAACC,EAAAA,QAAQA,CAAAA,CACP,IAAKD,EACL,mBAAoBE,GAAAA,EAAAA,EAAAA,EAClB,qDACAL,GAEF,UAAWK,GAAAA,EAAAA,EAAAA,EAAG,8BAA+BN,GAC7C,QAASE,GAAWK,EAAAA,4BAA4BA,CAC/C,GAAGJ,CAAK,GAGbL,CAAAA,EAAS,WAAW,CAAG,WAEvB,IAAMU,EAAgBT,EAAAA,UAAgB,CAGpC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGG,EAAO,CAAEC,IAC1B,UAAC,OACC,IAAKA,EACL,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,0BAA2BN,GACxC,GAAGG,CAAK,GAGbK,CAAAA,EAAc,WAAW,CAAG,gBAE5B,IAAMC,EAAeV,EAAAA,UAAgB,CAGnC,CAAC,CAAEW,MAAAA,CAAK,CAAEV,UAAAA,CAAS,CAAE,GAAGG,EAAO,CAAEC,KAEjC,GAAM,CAAEO,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAEC,SAAAA,CAAQ,CAAE,CAAGC,EADjBf,UAAgB,CAACgB,EAAAA,eAAeA,EACC,KAAK,CAACL,EAAM,CAErE,MACE,WAAC,OACC,IAAKN,EACL,UAAWE,GAAAA,EAAAA,EAAAA,EACT,+HACAO,GAAY,2BACZb,GAED,GAAGG,CAAK,C,UAERQ,EACAC,GACC,UAAC,OAAI,UAAU,wE,SACb,UAAC,OAAI,UAAU,0D,OAKzB,EACAH,CAAAA,EAAa,WAAW,CAAG,eAE3B,IAAMO,EAAoBjB,EAAAA,UAAgB,CAGxC,CAAC,CAAE,GAAGI,EAAO,CAAEC,IACf,UAAC,OAAI,IAAKA,EAAK,KAAK,YAAa,GAAGD,CAAK,C,SACvC,UAACc,EAAAA,KAAKA,CAAAA,CAAAA,E,GAGVD,CAAAA,EAAkB,WAAW,CAAG,2B"}
+{"version":3,"file":"components\\input-otp.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-otp.tsx"],"sourcesContent":["\r\n\r\nimport { Minus } from '@phosphor-icons/react/dist/ssr'\r\nimport {\r\n  OTPInput,\r\n  OTPInputContext,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { ComponentProps, JSX, useContext } from 'react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOtp\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTP({\r\n  className,\r\n  containerClassName,\r\n  pattern,\r\n  ...props\r\n}: ComponentProps<typeof OTPInput>): JSX.Element {\r\n  return (\r\n    <OTPInput\r\n      aria-label=\"One-time password\"\r\n      className={cn('disabled:cursor-not-allowed', className)}\r\n      containerClassName={cn(\r\n        'flex items-center gap-2 has-[:disabled]:opacity-50',\r\n        containerClassName\r\n      )}\r\n      data-slot=\"input-otp\"\r\n      pattern={pattern || REGEXP_ONLY_DIGITS_AND_CHARS}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPGroup({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'div'>): JSX.Element {\r\n  return (\r\n    <div\r\n      className={cn('flex items-center gap-1', className)}\r\n      data-slot=\"input-otp-group\"\r\n      role=\"group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPSlot\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPSlot({\r\n  className,\r\n  index,\r\n  ...props\r\n}: ComponentProps<'div'> & {\r\n  index: number\r\n}): JSX.Element {\r\n  const inputOTPContext = useContext(OTPInputContext)\r\n  const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index]\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all data-[active=true]:z-10 data-[active=true]:ring-1 data-[active=true]:ring-gbm-sky',\r\n        className\r\n      )}\r\n      data-active={isActive}\r\n      data-slot=\"input-otp-slot\"\r\n      {...props}\r\n    >\r\n      {char}\r\n      {hasFakeCaret && (\r\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\r\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputOTPSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputOTPSeparator({ ...props }: ComponentProps<'div'>): JSX.Element {\r\n  return (\r\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\r\n      <Minus />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {\r\n  REGEXP_ONLY_CHARS,\r\n  REGEXP_ONLY_DIGITS,\r\n  REGEXP_ONLY_DIGITS_AND_CHARS,\r\n} from 'input-otp'\r\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\r\n"],"names":["InputOTP","className","containerClassName","pattern","props","OTPInput","cn","REGEXP_ONLY_DIGITS_AND_CHARS","InputOTPGroup","InputOTPSlot","index","isActive","char","hasFakeCaret","inputOTPContext","useContext","OTPInputContext","InputOTPSeparator","Minus"],"mappings":";2KAgBA,SAASA,EAAS,CAChBC,UAAAA,CAAS,CACTC,mBAAAA,CAAkB,CAClBC,QAAAA,CAAO,CACP,GAAGC,EAC6B,EAChC,MACE,UAACC,EAAAA,QAAQA,CAAAA,CACP,aAAW,oBACX,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,8BAA+BL,GAC7C,mBAAoBK,GAAAA,EAAAA,EAAAA,EAClB,qDACAJ,GAEF,YAAU,YACV,QAASC,GAAWI,EAAAA,4BAA4BA,CAC/C,GAAGH,CAAK,EAGf,CAMA,SAASI,EAAc,CACrBP,UAAAA,CAAS,CACT,GAAGG,EACmB,EACtB,MACE,UAAC,OACC,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,0BAA2BL,GACzC,YAAU,kBACV,KAAK,QACJ,GAAGG,CAAK,EAGf,CAMA,SAASK,EAAa,CACpBR,UAAAA,CAAS,CACTS,MAAAA,CAAK,CACL,GAAGN,EAGJ,EAEC,GAAM,CAAEO,SAAAA,CAAQ,CAAEC,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAE,CAAGC,GADjBC,EAAAA,UAAAA,EAAWC,EAAAA,eAAeA,EACO,KAAK,CAACN,EAAM,CAErE,MACE,WAAC,OACC,UAAWJ,GAAAA,EAAAA,EAAAA,EACT,iNACAL,GAEF,cAAaU,EACb,YAAU,iBACT,GAAGP,CAAK,C,UAERQ,EACAC,GACC,UAAC,OAAI,UAAU,wE,SACb,UAAC,OAAI,UAAU,0D,OAKzB,CAMA,SAASI,EAAkB,CAAE,GAAGb,EAA8B,EAC5D,MACE,UAAC,OAAI,YAAU,sBAAsB,KAAK,YAAa,GAAGA,CAAK,C,SAC7D,UAACc,EAAAA,KAAKA,CAAAA,CAAAA,E,EAGZ,C"}

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

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