@atom-learning/components 6.0.0-beta.11 → 6.0.0-beta.13

package/dist/components/label/Label.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import type { Override } from '../../utilities/types';
-declare const StyledLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+declare const StyledLabel: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
 }, "type" | "direction" | "size" | "align" | "appearance"> & {
-    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-    type?: ("inline" | "block" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "inline" | "block">>) | undefined;
-    align?: ("start" | "center" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "start" | "center">>) | undefined;
-    direction?: ("reverse" | "row" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "reverse" | "row">>) | undefined;
-    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    size?: "sm" | "md" | undefined;
+    type?: "inline" | "block" | undefined;
+    align?: "start" | "center" | undefined;
+    direction?: "reverse" | "row" | undefined;
+    appearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+}>;
 export type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLabel>, {
     as?: 'label' | 'legend';
     required?: boolean;

package/dist/components/link/Link.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { NavigatorActions } from '../../types';
 import { Override } from '../../utilities';
-export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
 }, "size" | "noCapsize"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
-    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    noCapsize?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+}>;
 type LinkProps = Override<React.ComponentProps<typeof StyledLink>, NavigatorActions & {
     disabled?: boolean;
 }>;

package/dist/components/list/List.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
-export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+}>;
+export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
 }, "theme" | "size" | "noCapsize" | "ordered"> & {
-    ordered?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    theme?: ("primary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
-    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    ordered?: boolean | undefined;
+    theme?: "primary" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    noCapsize?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLUListElement>>;
+}>;
 type ListProps = React.ComponentProps<typeof StyledList> & {
     ordered?: boolean;
 };

package/dist/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import*as n from"@radix-ui/react-visually-hidden";import o from"clsx";import*as e from"react";import{Flex as s}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-round","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),d=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(s,{role:"alert",...r,className:o("justify-center",m)},e.createElement(n.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{d as Loader};
+import*as s from"@radix-ui/react-visually-hidden";import n from"clsx";import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-full","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),c=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(o,{role:"alert",...r,className:n("justify-center",m)},e.createElement(s.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{c as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-round',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,gBACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-full',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,eACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}

package/dist/components/markdown-content/MarkdownContent.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 type HandleNode = (node: any) => JSX.Element | null;
-declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -10,9 +10,9 @@ declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<O
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+}, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type MarkdownContentProps = React.ComponentProps<typeof StyledMarkdownContent> & {
     content: string;
     customComponents?: {

package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts

@@ -4,10 +4,10 @@ type MarkdownEmphasisProps = {
     node: Emphasis;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const StyledMarkdownEmphasis: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export declare const StyledMarkdownEmphasis: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}>;
 export declare const MarkdownEmphasis: ({ node, handleNode }: MarkdownEmphasisProps) => React.JSX.Element;
 export {};

package/dist/components/navigation/NavigationMenu.d.ts

@@ -1,23 +1,23 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-declare const StyledMenu: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
+declare const StyledMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}>;
 export declare const NavigationMenu: {
     ({ children, className, ...props }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
     displayName: string;
 } & {
-    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        elementType?: "link" | "dropdownItem" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    }, "elementType"> & {
         disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+            elementType?: "link" | "dropdownItem" | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+        }>>["elementType"];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Dropdown: {
         ({ children, id, ...props }: {
@@ -28,24 +28,24 @@ export declare const NavigationMenu: {
         displayName: string;
     };
     DropdownContent: {
-        ({ children, ...rest }: Omit<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+        ({ children, ...rest }: Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
-    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        elementType?: "link" | "dropdownItem" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    }, "elementType"> & {
         disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+            elementType?: "link" | "dropdownItem" | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+        }>>["elementType"];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "weight" | "family" | "noCapsize"> & {
         weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -54,15 +54,15 @@ export declare const NavigationMenu: {
         noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
-        active?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    }>;
+    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
+        active?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/components/navigation/NavigationMenuDropdownContent.d.ts

@@ -1,8 +1,8 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+declare const StyledContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
 export declare const NavigationMenuDropdownContent: {
     ({ children, ...rest }: NavigationMenuDropdownContentProps): React.JSX.Element;

package/dist/components/navigation/NavigationMenuDropdownItem.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
-export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    elementType?: "link" | "dropdownItem" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+}, "elementType"> & {
     disabled?: boolean;
-    variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        elementType?: "link" | "dropdownItem" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+    }>>["elementType"];
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -20,8 +20,8 @@ export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComp
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;

package/dist/components/navigation/NavigationMenuDropdownTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
-    active?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
+    active?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/navigation/NavigationMenuLink.d.ts

@@ -1,15 +1,15 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+declare const StyledLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    elementType?: "link" | "dropdownItem" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+}>;
+export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    elementType?: "link" | "dropdownItem" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+}, "elementType"> & {
     disabled?: boolean;
     variant?: React.ComponentProps<typeof StyledLink>["elementType"];
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
+declare const StyledRoot: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}>;
 type TNavigationVerticalProps = Omit<React.ComponentProps<typeof StyledRoot>, 'delayDuration' | 'skipDelayDuration' | 'defaultValue' | 'value' | 'onValueChange'>;
 export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigationVerticalProps) => React.JSX.Element) & {
-    Link: ({ as, href, children, ...rest }: Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "size"> & {
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    Link: ({ as, href, children, ...rest }: Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "size"> & {
+        size?: "md" | "lg" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.JSX.Element;
+    }) => React.JSX.Element;
     Accordion: ({ defaultOpen, open, onOpenChange, disabled, ...rest }: import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement> & {
         children?: React.ReactNode;
         slot?: string | undefined | undefined;
@@ -275,14 +275,14 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         is?: string | undefined | undefined;
         asChild?: boolean | undefined;
     }) => JSX.Element;
-    AccordionContent: ({ children, ...rest }: import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement> & Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, never> & {
+    AccordionContent: ({ children, ...rest }: import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLUListElement>) => JSX.Element;
-    AccordionTrigger: ({ children, ...rest }: Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    }) => JSX.Element;
+    AccordionTrigger: ({ children, ...rest }: Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
+        size?: "md" | "lg" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
+    }) => React.JSX.Element;
     Item: (props: {
         children?: React.ReactNode;
         slot?: string | undefined | undefined;
@@ -549,7 +549,7 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         is?: string | undefined | undefined;
         asChild?: boolean | undefined;
     }) => JSX.Element;
-    ItemContent: ({ children, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ItemContent: ({ children, ...rest }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
         direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -559,20 +559,20 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-    Icon: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    }) => JSX.Element;
+    Icon: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
         ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
     }, "size"> & {
-        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<SVGSVGElement>, "is" | "as"> & {
+    }, "is" | "as"> & {
         is: React.FC<React.SVGProps<SVGSVGElement>>;
         as?: never;
     }, "ref"> & React.RefAttributes<SVGSVGElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<SVGSVGElement>>>) => JSX.Element;
-    Text: (props: Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    }>>) => JSX.Element;
+    Text: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "weight" | "family" | "noCapsize"> & {
         weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -581,12 +581,12 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "isExpanded"> & {
-        isExpanded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+        isExpanded?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>) => JSX.Element;
+    }) => JSX.Element;
 };
 export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const StyledNavigationMenuVerticalAccordionTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
-    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+declare const StyledNavigationMenuVerticalAccordionTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
+    size?: "md" | "lg" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
 type TNavigationMenuAccordionTriggerProps = React.ComponentProps<typeof StyledNavigationMenuVerticalAccordionTrigger>;
 export declare const NavigationMenuVerticalAccordionTrigger: ({ children, ...rest }: TNavigationMenuAccordionTriggerProps) => React.JSX.Element;
 export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
-declare const StyledNavigationMenuVerticalIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+declare const StyledNavigationMenuVerticalIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
 }, "size"> & {
-    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<SVGSVGElement>, "is" | "as"> & {
+}, "is" | "as"> & {
     is: React.FC<React.SVGProps<SVGSVGElement>>;
     as?: never;
 }, "ref"> & React.RefAttributes<SVGSVGElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+}>;
 export declare const NavigationMenuVerticalIcon: (props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>) => JSX.Element;
 export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const StyledNavigationMenuVerticalLink: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "size"> & {
-    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+declare const StyledNavigationMenuVerticalLink: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "size"> & {
+    size?: "md" | "lg" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+}>;
 type NavigationMenuVerticalItemProps = React.ComponentProps<typeof StyledNavigationMenuVerticalLink>;
 export declare const NavigationMenuVerticalLink: ({ as, href, children, ...rest }: NavigationMenuVerticalItemProps) => React.JSX.Element;
 export {};

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts

@@ -1,3 +1,3 @@
-export declare const NavigationMenuVerticalList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, never> & {
+export declare const NavigationMenuVerticalList: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+}>;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const StyledNavigationMenuVerticalText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+declare const StyledNavigationMenuVerticalText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -8,13 +8,13 @@ declare const StyledNavigationMenuVerticalText: React.ForwardRefExoticComponent<
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "isExpanded"> & {
-    isExpanded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    isExpanded?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;
 type TStyledNavigationMenuVerticalTextProps = React.ComponentProps<typeof StyledNavigationMenuVerticalText>;
 export declare const NavigationMenuVerticalText: (props: TStyledNavigationMenuVerticalTextProps) => JSX.Element;
 export {};

package/dist/components/notification-badge/NotificationBadge.js

@@ -1,2 +1,2 @@
-import e from"react";import{styled as o}from"../../styled.js";import{Badge as n}from"../badge/Badge.js";import{Icon as l}from"../icon/Icon.js";const s=o("div",{base:["relative"]}),d=o(n,{base:["font-body","text-sm","flex-row","justify-center","absolute","top-0","right-0","translate-x-3","-translate-y-1/2","rounded-round","h-6","min-w-6","text-center"]}),c=({value:t,emphasis:a="bold",theme:i="primary",icon:r,children:m})=>e.createElement(s,null,!!t&&e.createElement(d,{role:"status",emphasis:a,theme:i},r&&e.createElement(l,{is:r,role:"img","aria-hidden":"false"}),t),m);export{c as NotificationBadge};
+import e from"react";import{styled as a}from"../../styled.js";import{Badge as m}from"../badge/Badge.js";import{Icon as n}from"../icon/Icon.js";const s=a("div",{base:["relative"]}),d=a(m,{base:["font-body","text-sm","flex-row","justify-center","absolute","top-0","right-0","translate-x-3","-translate-y-1/2","rounded-full","h-6","min-w-6","text-center"]}),c=({value:t,emphasis:o="bold",theme:i="primary",icon:r,children:l})=>e.createElement(s,null,!!t&&e.createElement(d,{role:"status",emphasis:o,theme:i},r&&e.createElement(n,{is:r,role:"img","aria-hidden":"false"}),t),l);export{c as NotificationBadge};
 //# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Badge } from '../badge'\nimport { Icon } from '../icon'\n\nconst StyledWrapper = styled('div', {\n  base: ['relative']\n})\n\nconst StyledBadge = styled(Badge, {\n  base: [\n    'font-body',\n    'text-sm',\n    'flex-row',\n    'justify-center',\n    'absolute',\n    'top-0',\n    'right-0',\n    'translate-x-3',\n    '-translate-y-1/2',\n    'rounded-round',\n    'h-6',\n    'min-w-6',\n    'text-center'\n  ]\n})\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <StyledBadge role=\"status\" emphasis={emphasis} theme={theme}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </StyledBadge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","StyledBadge","Badge","NotificationBadge","value","emphasis","theme","icon","children","React","Icon"],"mappings":"+IAOA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,UAAU,CACnB,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CACJ,YACA,UACA,WACA,iBACA,WACA,QACA,UACA,gBACA,mBACA,gBACA,MACA,UACA,aACF,CACF,CAAC,EAWYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,EAAW,OACX,MAAAC,EAAQ,UACR,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACV,EAAA,KACE,CAAC,CAACK,GACDK,EAAA,cAACR,EAAA,CAAY,KAAK,SAAS,SAAUI,EAAU,MAAOC,CAAAA,EACnDC,GAAQE,EAAA,cAACC,EAAA,CAAK,GAAIH,EAAM,KAAK,MAAM,cAAY,OAAQ,CAAA,EACvDH,CACH,EAEDI,CACH"}
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Badge } from '../badge'\nimport { Icon } from '../icon'\n\nconst StyledWrapper = styled('div', {\n  base: ['relative']\n})\n\nconst StyledBadge = styled(Badge, {\n  base: [\n    'font-body',\n    'text-sm',\n    'flex-row',\n    'justify-center',\n    'absolute',\n    'top-0',\n    'right-0',\n    'translate-x-3',\n    '-translate-y-1/2',\n    'rounded-full',\n    'h-6',\n    'min-w-6',\n    'text-center'\n  ]\n})\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <StyledBadge role=\"status\" emphasis={emphasis} theme={theme}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </StyledBadge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","StyledBadge","Badge","NotificationBadge","value","emphasis","theme","icon","children","React","Icon"],"mappings":"+IAOA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,UAAU,CACnB,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CACJ,YACA,UACA,WACA,iBACA,WACA,QACA,UACA,gBACA,mBACA,eACA,MACA,UACA,aACF,CACF,CAAC,EAWYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,EAAW,OACX,MAAAC,EAAQ,UACR,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACV,EAAA,KACE,CAAC,CAACK,GACDK,EAAA,cAACR,EAAA,CAAY,KAAK,SAAS,SAAUI,EAAU,MAAOC,CAAAA,EACnDC,GAAQE,EAAA,cAACC,EAAA,CAAK,GAAIH,EAAM,KAAK,MAAM,cAAY,OAAQ,CAAA,EACvDH,CACH,EAEDI,CACH"}

package/dist/components/number-input/NumberInputStepper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ActionIcon } from '../action-icon';
-declare const StyledStepperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+declare const StyledStepperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "theme" | "size" | "appearance" | "isRounded"> & {
     theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
@@ -9,14 +9,14 @@ declare const StyledStepperButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
     isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+}, "children" | "label" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
     children: React.ReactNode;
     label: string;
 } & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, "fieldAppearance"> & {
-    fieldAppearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    fieldAppearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
 type NumberInputStepperProps = Omit<React.ComponentProps<typeof ActionIcon>, 'children'> & Omit<React.ComponentProps<typeof StyledStepperButton>, 'children'> & {
     icon: React.FC<React.SVGProps<SVGSVGElement>>;
     showTooltip?: boolean;

package/dist/components/pagination/PaginationNextButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+declare const StyledActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "theme" | "size" | "appearance" | "isRounded"> & {
     theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
@@ -8,11 +8,11 @@ declare const StyledActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<O
     isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+}, "children" | "label" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
     children: React.ReactNode;
     label: string;
 } & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
 export declare const PaginationNextButton: (props: Partial<React.ComponentProps<typeof StyledActionIcon>>) => React.JSX.Element;
 export {};