@me1a/ui 2.2.1 → 2.2.3

package/dist/dropdown-menu/index.d.mts

@@ -0,0 +1,335 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+/**
+ * DropdownMenu component for creating accessible dropdown menus.
+ * Built on top of Radix UI's DropdownMenu primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>Item 1</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 2</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 3</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dropdownMenuTriggerStyle: (props?: ({
+    variant?: "link" | "default" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type DropdownMenuTriggerVariants = VariantProps<typeof dropdownMenuTriggerStyle>;
+interface DropdownMenuProps {
+    /**
+     * The content of the dropdown menu
+     */
+    children: React.ReactNode;
+    /**
+     * The open state of the dropdown menu
+     */
+    open?: boolean;
+    /**
+     * The default open state of the dropdown menu
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the dropdown menu
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The modal state of the dropdown menu
+     */
+    modal?: boolean;
+}
+interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DropdownMenuTriggerVariants {
+    /**
+     * The content of the trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The variant of the trigger
+     */
+    variant?: DropdownMenuTriggerVariants["variant"];
+    /**
+     * The size of the trigger
+     */
+    size?: DropdownMenuTriggerVariants["size"];
+}
+interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu
+     */
+    children: React.ReactNode;
+    /**
+     * The side offset of the dropdown menu
+     */
+    sideOffset?: number;
+    /**
+     * The align offset of the dropdown menu
+     */
+    alignOffset?: number;
+    /**
+     * The side of the dropdown menu
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the dropdown menu
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The collision padding of the dropdown menu
+     */
+    collisionPadding?: number;
+    /**
+     * The collision boundary of the dropdown menu
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The arrow padding of the dropdown menu
+     */
+    arrowPadding?: number;
+    /**
+     * The sticky state of the dropdown menu
+     */
+    sticky?: "partial" | "always";
+    /**
+     * The hide when detached state of the dropdown menu
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * The update position strategy of the dropdown menu
+     */
+    updatePositionStrategy?: "optimized" | "always";
+    /**
+     * The force mount state of the dropdown menu
+     */
+    forceMount?: boolean;
+    /**
+     * The container of the dropdown menu
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu item
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu item
+     */
+    inset?: boolean;
+    /**
+     * The disabled state of the dropdown menu item
+     */
+    disabled?: boolean;
+    /**
+     * The selected state of the dropdown menu item
+     */
+    selected?: boolean;
+}
+interface DropdownMenuCheckboxItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu checkbox item
+     */
+    children: React.ReactNode;
+    /**
+     * The checked state of the dropdown menu checkbox item
+     */
+    checked?: boolean;
+    /**
+     * The disabled state of the dropdown menu checkbox item
+     */
+    disabled?: boolean;
+    /**
+     * The on checked change handler of the dropdown menu checkbox item
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+interface DropdownMenuRadioItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu radio item
+     */
+    children: React.ReactNode;
+    /**
+     * The value of the dropdown menu radio item
+     */
+    value: string;
+    /**
+     * The disabled state of the dropdown menu radio item
+     */
+    disabled?: boolean;
+}
+interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu label
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu label
+     */
+    inset?: boolean;
+}
+interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DropdownMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The content of the dropdown menu shortcut
+     */
+    children: React.ReactNode;
+}
+interface DropdownMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu group
+     */
+    children: React.ReactNode;
+}
+interface DropdownMenuPortalProps {
+    /**
+     * The content of the dropdown menu portal
+     */
+    children: React.ReactNode;
+    /**
+     * The container of the dropdown menu portal
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuSubProps {
+    /**
+     * The content of the dropdown menu sub
+     */
+    children: React.ReactNode;
+    /**
+     * The open state of the dropdown menu sub
+     */
+    open?: boolean;
+    /**
+     * The default open state of the dropdown menu sub
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the dropdown menu sub
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+interface DropdownMenuSubContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu sub content
+     */
+    children: React.ReactNode;
+    /**
+     * The side offset of the dropdown menu sub content
+     */
+    sideOffset?: number;
+    /**
+     * The align offset of the dropdown menu sub content
+     */
+    alignOffset?: number;
+    /**
+     * The side of the dropdown menu sub content
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the dropdown menu sub content
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The collision padding of the dropdown menu sub content
+     */
+    collisionPadding?: number;
+    /**
+     * The collision boundary of the dropdown menu sub content
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The arrow padding of the dropdown menu sub content
+     */
+    arrowPadding?: number;
+    /**
+     * The sticky state of the dropdown menu sub content
+     */
+    sticky?: "partial" | "always";
+    /**
+     * The hide when detached state of the dropdown menu sub content
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * The update position strategy of the dropdown menu sub content
+     */
+    updatePositionStrategy?: "optimized" | "always";
+    /**
+     * The force mount state of the dropdown menu sub content
+     */
+    forceMount?: boolean;
+    /**
+     * The container of the dropdown menu sub content
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuSubTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu sub trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu sub trigger
+     */
+    inset?: boolean;
+    /**
+     * The disabled state of the dropdown menu sub trigger
+     */
+    disabled?: boolean;
+}
+interface DropdownMenuRadioGroupProps {
+    /**
+     * The content of the dropdown menu radio group
+     */
+    children: React.ReactNode;
+    /**
+     * The value of the dropdown menu radio group
+     */
+    value?: string;
+    /**
+     * The default value of the dropdown menu radio group
+     */
+    defaultValue?: string;
+    /**
+     * The controlled value of the dropdown menu radio group
+     */
+    onValueChange?: (value: string) => void;
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/dropdown-menu/index.mjs

@@ -0,0 +1,2 @@
+import*as d from'react';import*as e from'@radix-ui/react-dropdown-menu';import {ChevronRight,Check,Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function a(...o){return twMerge(clsx(o))}var h=e.Root,x=e.Trigger,C=e.Group,I=e.Portal,N=e.Sub,S=e.RadioGroup,m=d.forwardRef(({className:o,inset:t,children:n,...i},p)=>jsxs(e.SubTrigger,{ref:p,className:a("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",o),...i,children:[n,jsx(ChevronRight,{className:"ml-auto h-4 w-4"})]}));m.displayName=e.SubTrigger.displayName;var u=d.forwardRef(({className:o,...t},n)=>jsx(e.SubContent,{ref:n,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o),...t}));u.displayName=e.SubContent.displayName;var c=d.forwardRef(({className:o,sideOffset:t=4,...n},i)=>jsx(e.Portal,{children:jsx(e.Content,{ref:i,sideOffset:t,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o),...n})}));c.displayName=e.Content.displayName;var l=d.forwardRef(({className:o,inset:t,...n},i)=>jsx(e.Item,{ref:i,className:a("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",o),...n}));l.displayName=e.Item.displayName;var w=d.forwardRef(({className:o,children:t,checked:n,...i},p)=>jsxs(e.CheckboxItem,{ref:p,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:n,...i,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),t]}));w.displayName=e.CheckboxItem.displayName;var f=d.forwardRef(({className:o,children:t,...n},i)=>jsxs(e.RadioItem,{ref:i,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...n,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),t]}));f.displayName=e.RadioItem.displayName;var M=d.forwardRef(({className:o,inset:t,...n},i)=>jsx(e.Label,{ref:i,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));M.displayName=e.Label.displayName;var D=d.forwardRef(({className:o,...t},n)=>jsx(e.Separator,{ref:n,className:a("-mx-1 my-1 h-px bg-muted",o),...t}));D.displayName=e.Separator.displayName;var P=({className:o,...t})=>jsx("span",{className:a("ml-auto text-xs tracking-widest opacity-60",o),...t});P.displayName="DropdownMenuShortcut";export{h as DropdownMenu,w as DropdownMenuCheckboxItem,c as DropdownMenuContent,C as DropdownMenuGroup,l as DropdownMenuItem,M as DropdownMenuLabel,I as DropdownMenuPortal,S as DropdownMenuRadioGroup,f as DropdownMenuRadioItem,D as DropdownMenuSeparator,P as DropdownMenuShortcut,N as DropdownMenuSub,u as DropdownMenuSubContent,m as DropdownMenuSubTrigger,x as DropdownMenuTrigger};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/dropdown-menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/organisms/dropdown-menu/dropdown-menu.tsx"],"names":["cn","inputs","twMerge","clsx","DropdownMenu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","className","inset","children","props","ref","jsxs","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\n/**\n * DropdownMenu component for creating accessible dropdown menus.\n * Built on top of Radix UI's DropdownMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n *   <DropdownMenuContent>\n *     <DropdownMenuItem>Item 1</DropdownMenuItem>\n *     <DropdownMenuItem>Item 2</DropdownMenuItem>\n *     <DropdownMenuItem>Item 3</DropdownMenuItem>\n *   </DropdownMenuContent>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"]}

package/dist/form/index.d.mts

@@ -0,0 +1,96 @@
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Props interface for the Form component.
+ * Extends react-hook-form's FormProvider props.
+ */
+interface FormProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * The form context value
+     */
+    context: React.Context<TFieldValues>;
+    /**
+     * The form children
+     */
+    children: React.ReactNode;
+}
+/**
+ * Props interface for the FormField component.
+ * Extends react-hook-form's Controller props.
+ */
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
+}
+/**
+ * Props interface for the FormItem component.
+ * Extends HTML div attributes.
+ */
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the FormLabel component.
+ * Extends Radix UI Label props.
+ */
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+}
+/**
+ * Props interface for the FormControl component.
+ * Extends Radix UI Slot props.
+ */
+interface FormControlProps extends React.ComponentPropsWithoutRef<typeof Slot> {
+}
+/**
+ * Props interface for the FormDescription component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the FormMessage component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The message content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Context value type for form field context
+ */
+type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+/**
+ * Context value type for form item context
+ */
+type FormItemContextValue = {
+    id: string;
+};
+
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };

package/dist/form/index.mjs

@@ -0,0 +1,2 @@
+import*as o from'react';import {Slot}from'@radix-ui/react-slot';import {useFormContext,FormProvider,Controller}from'react-hook-form';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as p from'@radix-ui/react-label';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';function s(...e){return twMerge(clsx(e))}var I=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),d=o.forwardRef(({className:e,...r},t)=>jsx(p.Root,{ref:t,className:s(I(),e),...r}));d.displayName=p.Root.displayName;var N=FormProvider,f=o.createContext({}),w=({...e})=>jsx(f.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),n=()=>{let e=o.useContext(f),r=o.useContext(u),{getFieldState:t,formState:a}=useFormContext(),m=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=r;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...m}},u=o.createContext({}),R=o.forwardRef(({className:e,...r},t)=>{let a=o.useId();return jsx(u.Provider,{value:{id:a},children:jsx("div",{ref:t,className:s("space-y-2",e),...r})})});R.displayName="FormItem";var P=o.forwardRef(({className:e,...r},t)=>{let{error:a,formItemId:m}=n();return jsx(d,{ref:t,className:s(a&&"text-destructive",e),htmlFor:m,...r})});P.displayName="FormLabel";var x=o.forwardRef(({...e},r)=>{let{error:t,formItemId:a,formDescriptionId:m,formMessageId:i}=n();return jsx(Slot,{ref:r,id:a,"aria-describedby":t?`${m} ${i}`:`${m}`,"aria-invalid":!!t,...e})});x.displayName="FormControl";var C=o.forwardRef(({className:e,...r},t)=>{let{formDescriptionId:a}=n();return jsx("p",{ref:t,id:a,className:s("text-sm text-muted-foreground",e),...r})});C.displayName="FormDescription";var b=o.forwardRef(({className:e,children:r,...t},a)=>{let{error:m,formMessageId:i}=n(),F=m?String(m?.message??""):r;return F?jsx("p",{ref:a,id:i,className:s("text-sm font-medium text-destructive",e),...t,children:F}):null});b.displayName="FormMessage";export{N as Form,x as FormControl,C as FormDescription,w as FormField,R as FormItem,P as FormLabel,b as FormMessage,n as useFormField};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","c","className","props","ref","jsx","Form","FormProvider","FormFieldContext","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n"]}

package/dist/{hooks.d.mts → hooks/index.d.mts}

@@ -1,11 +1,17 @@
 import * as React from 'react';
-import { T as ToastProps, a as ToastActionElement } from './toast-2xT7L1tJ.mjs';
-import 'class-variance-authority/types';
-import '@radix-ui/react-toast';
-import 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
 
 declare function useIsMobile(): boolean;
 
+declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast$1>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
 type ToasterToast = ToastProps & {
     id: string;
     title?: React.ReactNode;

package/dist/hooks/index.mjs

@@ -0,0 +1,2 @@
+import*as a from'react';var S=768;function y(){let[t,e]=a.useState(void 0);return a.useEffect(()=>{let o=window.matchMedia(`(max-width: ${S-1}px)`),s=()=>{e(window.innerWidth<S);};return o.addEventListener("change",s),e(window.innerWidth<S),()=>o.removeEventListener("change",s)},[]),!!t}var u=1,O=1e6;var p=0;function f(){return p=(p+1)%Number.MAX_SAFE_INTEGER,p.toString()}var A=new Map,d=t=>{if(A.has(t))return;let e=setTimeout(()=>{A.delete(t),n({type:"REMOVE_TOAST",toastId:t});},O);A.set(t,e);},E=(t,e)=>{switch(e.type){case "ADD_TOAST":return {...t,toasts:[e.toast,...t.toasts].slice(0,u)};case "UPDATE_TOAST":return {...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case "DISMISS_TOAST":{let{toastId:o}=e;return o?d(o):t.toasts.forEach(s=>{d(s.id);}),{...t,toasts:t.toasts.map(s=>s.id===o||o===void 0?{...s,open:false}:s)}}case "REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)}}},T=[],i={toasts:[]};function n(t){i=E(i,t),T.forEach(e=>{e(i);});}function m({...t}){let e=f(),o=c=>n({type:"UPDATE_TOAST",toast:{...c,id:e}}),s=()=>n({type:"DISMISS_TOAST",toastId:e});return n({type:"ADD_TOAST",toast:{...t,id:e,open:true,onOpenChange:c=>{c||s();}}}),{id:e,dismiss:s,update:o}}function I(){let[t,e]=a.useState(i);return a.useEffect(()=>(T.push(e),()=>{let o=T.indexOf(e);o>-1&&T.splice(o,1);}),[t]),{...t,toast:m,dismiss:o=>n({type:"DISMISS_TOAST",toastId:o})}}export{E as reducer,m as toast,y as useIsMobile,I as useToast};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-mobile.tsx","../../src/hooks/use-toast.ts"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","mql","onChange","TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","r","index"],"mappings":"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","file":"index.mjs","sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n","\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type { ToastActionElement, ToastProps } from \"@/components/atoms/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\"\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t))\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false\n              }\n            : t\n        )\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: []\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId)\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id }\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      }\n    }\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId })\n  }\n}\n\nexport { useToast, toast }\n"]}