@atom-learning/components 8.0.3 → 8.1.1

package/dist/components/keyboard-shortcut/index.d.ts

@@ -3,23 +3,23 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
     config: {
         shortcut: Partial<KeyboardEvent>;
         action: ({ event, shortcut }: {
-            event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>;
+            event: KeyboardEvent | import("react").KeyboardEvent<HTMLDivElement>;
             shortcut: Partial<KeyboardEvent>;
         }) => void;
     }[];
     targetWindow?: boolean;
-    onKeyDown?: (e: import("react").KeyboardEvent<HTMLDivElement> | KeyboardEvent) => void;
+    onKeyDown?: (e: KeyboardEvent | import("react").KeyboardEvent<HTMLDivElement>) => void;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Indicator: {
-        (props: Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "size" | "noCapsize" | "weight" | "family"> & {
-            size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
-            noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-            weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-            family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
+        (props: Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "family" | "noCapsize" | "size" | "weight"> & {
+            size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+            noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+            weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+            family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
         } & {
             as?: import("react").ElementType;
         }, "as"> & {
-            as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+            as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
         }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, never> & {
             as?: import("react").ElementType;
         }): import("react").JSX.Element;

package/dist/components/keyboard-shortcut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/keyboard-shortcut/index.ts"],"sourcesContent":["import {\n  KeyboardShortcut as KeyboardShortcutComponent,\n  KeyboardShortcutIndicator\n} from './KeyboardShortcut'\n\nexport const KeyboardShortcut = Object.assign(KeyboardShortcutComponent, {\n  Indicator: KeyboardShortcutIndicator\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n"],"mappings":";;AAKA,IAAa,mBAAmB,OAAO,OAAO,oBAA2B,EACvE,WAAW,2BACZ,CAAC;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/keyboard-shortcut/index.ts"],"sourcesContent":["import {\n  KeyboardShortcut as KeyboardShortcutComponent,\n  KeyboardShortcutIndicator\n} from './KeyboardShortcut'\n\nexport const KeyboardShortcut = Object.assign(KeyboardShortcutComponent, {\n  Indicator: KeyboardShortcutIndicator\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n"],"mappings":";;AAKA,IAAa,mBAAmB,OAAO,OAAO,oBAA2B,EACvE,WAAW,0BACb,CAAC;AAED,iBAAiB,cAAc"}

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { Override } from '../../utilities/types';
-declare const StyledLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "appearance" | "size" | "type" | "direction" | "align"> & {
-    size?: "sm" | "md" | undefined;
-    type?: "inline" | "block" | undefined;
-    align?: "start" | "center" | undefined;
+declare const StyledLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "align" | "appearance" | "direction" | "size" | "type"> & {
+    size?: "md" | "sm" | undefined;
+    type?: "block" | "inline" | undefined;
+    align?: "center" | "start" | undefined;
     direction?: "reverse" | "row" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }>;
@@ -13,8 +13,8 @@ export type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLa
     as?: 'label' | 'legend';
     required?: boolean;
 }>;
-export declare const Label: {
-    ({ align, as, direction, size, type, children, required, ...rest }: LabelProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function Label({ align, as, direction, size, type, children, required, ...rest }: LabelProps): React.JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
 export {};

package/dist/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nconst StyledLabel = styled('label', {\n  base: ['text-grey-900', 'font-body', 'm-0'],\n  variants: {\n    size: {\n      sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    type: {\n      block: ['block', 'font-semibold'],\n      inline: ['flex', 'font-normal', 'max-w-max']\n    },\n    align: { start: [], center: [] },\n    direction: { reverse: [], row: [] },\n    appearance: { standard: [], modern: [] }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      class: ['items-start']\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      class: ['items-center']\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      class: ['flex-row-reverse']\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      class: ['flex-row']\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      class: ['font-normal']\n    }\n  ]\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && (\n      <span className=\"text-danger ml-1 font-normal\" aria-hidden>\n        *\n      </span>\n    )}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"mappings":";;;;AAKA,IAAM,cAAc,OAAO,SAAS;CAClC,MAAM;EAAC;EAAiB;EAAa;EAAM;CAC3C,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACtD;EACD,MAAM;GACJ,OAAO,CAAC,SAAS,gBAAgB;GACjC,QAAQ;IAAC;IAAQ;IAAe;IAAY;GAC7C;EACD,OAAO;GAAE,OAAO,EAAE;GAAE,QAAQ,EAAE;GAAE;EAChC,WAAW;GAAE,SAAS,EAAE;GAAE,KAAK,EAAE;GAAE;EACnC,YAAY;GAAE,UAAU,EAAE;GAAE,QAAQ,EAAE;GAAE;EACzC;CACD,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,cAAc;GACvB;EACD;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,eAAe;GACxB;EACD;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,mBAAmB;GAC5B;EACD;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,WAAW;GACpB;EACD;GACE,MAAM;GACN,YAAY;GACZ,OAAO,CAAC,cAAc;GACvB;EACF;CACF,CAAC;AAUF,IAAa,SAAS,EACpB,QAAQ,SACR,KAAK,SACL,YAAY,OACZ,OAAO,MACP,OAAO,SACP,UACA,UACA,GAAG,WAEH,qBAAC,aAAD;CACM;CACE;CACA;CACC;CACI;CACX,GAAI;WANN,CAQG,UACA,YACC,oBAAC,QAAD;EAAM,WAAU;EAA+B,eAAA;YAAY;EAEpD,CAAA,CAEG;;AAGhB,MAAM,cAAc"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport type { Override } from '../../utilities/types'\n\nconst StyledLabel = styled('label', {\n  base: ['text-grey-900', 'font-body', 'm-0'],\n  variants: {\n    size: {\n      sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    type: {\n      block: ['block', 'font-semibold'],\n      inline: ['flex', 'font-normal', 'max-w-max']\n    },\n    align: { start: [], center: [] },\n    direction: { reverse: [], row: [] },\n    appearance: { standard: [], modern: [] }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      class: ['items-start']\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      class: ['items-center']\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      class: ['flex-row-reverse']\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      class: ['flex-row']\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      class: ['font-normal']\n    }\n  ]\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && (\n      <span className=\"text-danger ml-1 font-normal\" aria-hidden>\n        *\n      </span>\n    )}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"mappings":";;;;AAKA,IAAM,cAAc,OAAO,SAAS;CAClC,MAAM;EAAC;EAAiB;EAAa;CAAK;CAC1C,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;EACtD;EACA,MAAM;GACJ,OAAO,CAAC,SAAS,eAAe;GAChC,QAAQ;IAAC;IAAQ;IAAe;GAAW;EAC7C;EACA,OAAO;GAAE,OAAO,CAAC;GAAG,QAAQ,CAAC;EAAE;EAC/B,WAAW;GAAE,SAAS,CAAC;GAAG,KAAK,CAAC;EAAE;EAClC,YAAY;GAAE,UAAU,CAAC;GAAG,QAAQ,CAAC;EAAE;CACzC;CACA,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,aAAa;EACvB;EACA;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,cAAc;EACxB;EACA;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,kBAAkB;EAC5B;EACA;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,UAAU;EACpB;EACA;GACE,MAAM;GACN,YAAY;GACZ,OAAO,CAAC,aAAa;EACvB;CACF;AACF,CAAC;AAUD,IAAa,SAAS,EACpB,QAAQ,SACR,KAAK,SACL,YAAY,OACZ,OAAO,MACP,OAAO,SACP,UACA,UACA,GAAG,WAEH,qBAAC,aAAD;CACM;CACE;CACA;CACC;CACI;CACX,GAAI;WANN,CAQG,UACA,YACC,oBAAC,QAAD;EAAM,WAAU;EAA+B,eAAA;YAAY;CAErD,CAAA,CAEG;;AAGf,MAAM,cAAc"}

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { NavigatorActions } from '../../types/navigatorActions.types';
-import { Override } from '../../utilities/types';
-export declare const StyledLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "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;
+import type { NavigatorActions } from '../../types/navigatorActions.types';
+import type { Override } from '../../utilities/types';
+export declare const StyledLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "noCapsize" | "size"> & {
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledLink = styled(\n  'a',\n  {\n    base: [\n      'bg-[unset]',\n      'text-primary-800',\n      'cursor-pointer',\n      'font-body',\n      'no-underline',\n      'focus:text-primary-900',\n      'focus:underline',\n      'hover:text-primary-900',\n      'hover:underline',\n      'active:text-primary-1000',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'disabled:pointer-events-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:after:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:before:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:text-[100%]/none'\n    ],\n    variants: {\n      size: {\n        xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n        sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n        md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n        lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n        xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n      },\n      noCapsize: {\n        true: ['capsize-none']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;;AAOA,IAAa,aAAa,OACxB,KACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAiB;IAAmB;GACpD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACtD;EACD,WAAW,EACT,MAAM,CAAC,eAAe,EACvB;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAOD,IAAa,OAAO,QAAM,YACvB,EAAE,IAAI,UAAU,MAAM,GAAG,QAAQ,QAChC,oBAAC,YAAD;CACE,IAAI,OAAO,CAAC,OAAO,WAAW,KAAA;CAC9B,WAAW,CAAC,OAAO,OAAO,KAAA;CACpB;CACN,GAAK,YAAY,EAAE,UAAU,MAAM;CACnC,GAAI;CACJ,GAAI,uBAAuB,KAAK;CAC3B;CACL,CAAA,CAEL;AAED,KAAK,cAAc"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport type { NavigatorActions } from '../../types/navigatorActions.types'\nimport type { Override } from '../../utilities/types'\nimport { getExternalAnchorProps } from '../../utilities/uri'\n\nexport const StyledLink = styled(\n  'a',\n  {\n    base: [\n      'bg-[unset]',\n      'text-primary-800',\n      'cursor-pointer',\n      'font-body',\n      'no-underline',\n      'focus:text-primary-900',\n      'focus:underline',\n      'hover:text-primary-900',\n      'hover:underline',\n      'active:text-primary-1000',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'disabled:pointer-events-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:after:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:before:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:text-[100%]/none'\n    ],\n    variants: {\n      size: {\n        xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n        sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n        md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n        lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n        xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n      },\n      noCapsize: {\n        true: ['capsize-none']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;;AAOA,IAAa,aAAa,OACxB,KACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAiB;GAAkB;GACnD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;EACtD;EACA,WAAW,EACT,MAAM,CAAC,cAAc,EACvB;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAOA,IAAa,OAAO,QAAM,YACvB,EAAE,IAAI,UAAU,MAAM,GAAG,QAAQ,QAChC,oBAAC,YAAD;CACE,IAAI,OAAO,CAAC,OAAO,WAAW,KAAA;CAC9B,WAAW,CAAC,OAAO,OAAO,KAAA;CACpB;CACN,GAAK,YAAY,EAAE,UAAU,KAAK;CAClC,GAAI;CACJ,GAAI,uBAAuB,IAAI;CAC1B;AACN,CAAA,CAEL;AAEA,KAAK,cAAc"}

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 export declare const StyledLi: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & {
     as?: React.ElementType;
 }>;
-export declare const StyledList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "size" | "theme" | "noCapsize" | "ordered"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+export declare const StyledList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "noCapsize" | "ordered" | "size" | "theme"> & {
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
     noCapsize?: boolean | undefined;
     ordered?: boolean | undefined;
     theme?: "primary" | undefined;

package/dist/components/list/List.js

@@ -51,16 +51,16 @@ var StyledList = styled("ul", {
 		theme: { primary: ["marker:text-primary-800"] }
 	}
 });
-var List = React$1.forwardRef(({ size = "md", noCapsize = true, ordered = false, ...remainingProps }, ref) => /* @__PURE__ */ jsx(StyledList, {
+var List = React$1.forwardRef(({ size = "md", noCapsize = true, ordered = false, ...rest }, ref) => /* @__PURE__ */ jsx(StyledList, {
 	ref,
 	as: ordered ? "ol" : "ul",
 	ordered,
 	size,
 	noCapsize,
-	...remainingProps
+	...rest
 }));
 List.Item = StyledLi;
 //#endregion
-export { List };
+export { List, StyledLi, StyledList };
 
 //# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledLi = styled('li', {\n  base: ['last:mb-0', 'not-last:mb-2']\n})\n\nexport const StyledList = styled('ul', {\n  base: ['list-inside', 'font-body'],\n  variants: {\n    size: {\n      xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n      sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n      lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n      xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n    },\n    noCapsize: {\n      true: ['capsize-none']\n    },\n    ordered: {\n      true: [\n        'pl-4',\n        'list-decimal',\n        '[&_>_li]:pl-1',\n        '[&_>_li::marker]:font-medium',\n        '[&_>_li::marker]:text-sm'\n      ],\n      false: ['pl-3', 'list-disc', '[&_>_li]:pl-2']\n    },\n    theme: {\n      primary: ['marker:text-primary-800']\n    }\n  }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n  ordered?: boolean\n}\n\ntype ListType = ReturnType<\n  typeof React.forwardRef<HTMLUListElement, ListProps>\n> & {\n  Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef<HTMLUListElement, ListProps>(\n  (\n    { size = 'md', noCapsize = true, ordered = false, ...remainingProps },\n    ref\n  ) => (\n    <StyledList\n      ref={ref}\n      as={ordered ? 'ol' : 'ul'}\n      ordered={ordered}\n      size={size}\n      noCapsize={noCapsize}\n      {...remainingProps}\n    />\n  )\n) as ListType\n\nList.Item = StyledLi\n"],"mappings":";;;;AAIA,IAAa,WAAW,OAAO,MAAM,EACnC,MAAM,CAAC,aAAa,gBAAgB,EACrC,CAAC;AAEF,IAAa,aAAa,OAAO,MAAM;CACrC,MAAM,CAAC,eAAe,YAAY;CAClC,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAiB;IAAmB;GACpD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACtD;EACD,WAAW,EACT,MAAM,CAAC,eAAe,EACvB;EACD,SAAS;GACP,MAAM;IACJ;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;IAAC;IAAQ;IAAa;IAAgB;GAC9C;EACD,OAAO,EACL,SAAS,CAAC,0BAA0B,EACrC;EACF;CACF,CAAC;AAYF,IAAa,OAAO,QAAM,YAEtB,EAAE,OAAO,MAAM,YAAY,MAAM,UAAU,OAAO,GAAG,kBACrD,QAEA,oBAAC,YAAD;CACO;CACL,IAAI,UAAU,OAAO;CACZ;CACH;CACK;CACX,GAAI;CACJ,CAAA,CAEL;AAED,KAAK,OAAO"}
+{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\n\nexport const StyledLi = styled('li', {\n  base: ['last:mb-0', 'not-last:mb-2']\n})\n\nexport const StyledList = styled('ul', {\n  base: ['list-inside', 'font-body'],\n  variants: {\n    size: {\n      xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n      sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n      lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n      xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n    },\n    noCapsize: {\n      true: ['capsize-none']\n    },\n    ordered: {\n      true: [\n        'pl-4',\n        'list-decimal',\n        '[&_>_li]:pl-1',\n        '[&_>_li::marker]:font-medium',\n        '[&_>_li::marker]:text-sm'\n      ],\n      false: ['pl-3', 'list-disc', '[&_>_li]:pl-2']\n    },\n    theme: {\n      primary: ['marker:text-primary-800']\n    }\n  }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n  ordered?: boolean\n}\n\ntype ListType = ReturnType<\n  typeof React.forwardRef<HTMLUListElement, ListProps>\n> & {\n  Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef<HTMLUListElement, ListProps>(\n  ({ size = 'md', noCapsize = true, ordered = false, ...rest }, ref) => (\n    <StyledList\n      ref={ref}\n      as={ordered ? 'ol' : 'ul'}\n      ordered={ordered}\n      size={size}\n      noCapsize={noCapsize}\n      {...rest}\n    />\n  )\n) as ListType\n\nList.Item = StyledLi\n"],"mappings":";;;;AAIA,IAAa,WAAW,OAAO,MAAM,EACnC,MAAM,CAAC,aAAa,eAAe,EACrC,CAAC;AAED,IAAa,aAAa,OAAO,MAAM;CACrC,MAAM,CAAC,eAAe,WAAW;CACjC,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAiB;GAAkB;GACnD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;GACpD,IAAI;IAAC;IAAW;IAAkB;GAAkB;EACtD;EACA,WAAW,EACT,MAAM,CAAC,cAAc,EACvB;EACA,SAAS;GACP,MAAM;IACJ;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IAAC;IAAQ;IAAa;GAAe;EAC9C;EACA,OAAO,EACL,SAAS,CAAC,yBAAyB,EACrC;CACF;AACF,CAAC;AAYD,IAAa,OAAO,QAAM,YACvB,EAAE,OAAO,MAAM,YAAY,MAAM,UAAU,OAAO,GAAG,QAAQ,QAC5D,oBAAC,YAAD;CACO;CACL,IAAI,UAAU,OAAO;CACZ;CACH;CACK;CACX,GAAI;AACL,CAAA,CAEL;AAEA,KAAK,OAAO"}

package/dist/components/loader/Loader.d.ts

@@ -3,5 +3,5 @@ type LoaderProps = React.ComponentProps<'div'> & {
     message?: string;
     size?: 'sm' | 'md' | 'lg';
 };
-export declare const Loader: ({ className, message, size, ...props }: LoaderProps) => React.JSX.Element;
+export declare const Loader: ({ className, message, size, ...rest }: LoaderProps) => React.JSX.Element;
 export {};

package/dist/components/loader/Loader.js

@@ -17,10 +17,10 @@ var Dot = styled("div", {
 		lg: ["size-2", "mx-[3px]"]
 	} }
 });
-var Loader = ({ className, message = "Loading", size = "md", ...props }) => /* @__PURE__ */ jsxs("div", {
+var Loader = ({ className, message = "Loading", size = "md", ...rest }) => /* @__PURE__ */ jsxs("div", {
 	className: cn("flex", "justify-center", className),
 	role: "alert",
-	...props,
+	...rest,
 	children: [
 		/* @__PURE__ */ jsx("span", {
 			className: "sr-only",

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":[],"sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { cn } 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  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<'div'> & {\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  <div\n    className={cn('flex', 'justify-center', className)}\n    role=\"alert\"\n    {...props}\n  >\n    <span className=\"sr-only\">{message}</span>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </div>\n)\n"],"mappings":";;;;AAKA,IAAM,MAAM,OAAO,OAAO;CACxB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU,SAAS;EACxB,IAAI,CAAC,YAAY,SAAS;EAC1B,IAAI,CAAC,UAAU,WAAW;EAC3B,EACF;CACF,CAAC;AAOF,IAAa,UAAU,EACrB,WACA,UAAU,WACV,OAAO,MACP,GAAG,YAEH,qBAAC,OAAD;CACE,WAAW,GAAG,QAAQ,kBAAkB,UAAU;CAClD,MAAK;CACL,GAAI;WAHN;EAKE,oBAAC,QAAD;GAAM,WAAU;aAAW;GAAe,CAAA;EAC1C,oBAAC,KAAD,EAAW,MAAQ,CAAA;EACnB,oBAAC,KAAD,EAAW,MAAQ,CAAA;EACnB,oBAAC,KAAD,EAAW,MAAQ,CAAA;EACf"}
+{"version":3,"file":"Loader.js","names":[],"sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, cn } 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  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<'div'> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...rest\n}: LoaderProps) => (\n  <div\n    className={cn('flex', 'justify-center', className)}\n    role=\"alert\"\n    {...rest}\n  >\n    <span className=\"sr-only\">{message}</span>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </div>\n)\n"],"mappings":";;;;AAIA,IAAM,MAAM,OAAO,OAAO;CACxB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU,QAAQ;EACvB,IAAI,CAAC,YAAY,QAAQ;EACzB,IAAI,CAAC,UAAU,UAAU;CAC3B,EACF;AACF,CAAC;AAOD,IAAa,UAAU,EACrB,WACA,UAAU,WACV,OAAO,MACP,GAAG,WAEH,qBAAC,OAAD;CACE,WAAW,GAAG,QAAQ,kBAAkB,SAAS;CACjD,MAAK;CACL,GAAI;WAHN;EAKE,oBAAC,QAAD;GAAM,WAAU;aAAW;EAAc,CAAA;EACzC,oBAAC,KAAD,EAAW,KAAO,CAAA;EAClB,oBAAC,KAAD,EAAW,KAAO,CAAA;EAClB,oBAAC,KAAD,EAAW,KAAO,CAAA;CACf"}

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

@@ -12,8 +12,8 @@ type MarkdownContentProps = React.ComponentProps<typeof StyledMarkdownContent> &
         }) => React.JSX.Element;
     };
 };
-export declare const MarkdownContent: {
-    ({ content, customComponents, className }: MarkdownContentProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function MarkdownContent({ content, customComponents, className }: MarkdownContentProps): React.JSX.Element;
+export declare namespace MarkdownContent {
+    var displayName: string;
+}
 export {};

package/dist/components/markdown-content/MarkdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContent.js","names":[],"sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import directive from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport syntax from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { MarkdownCode } from './components/MarkdownCode'\nimport { MarkdownEmphasis } from './components/MarkdownEmphasis'\nimport { MarkdownHeading } from './components/MarkdownHeading'\nimport { MarkdownImage } from './components/MarkdownImage'\nimport { MarkdownInlineCode } from './components/MarkdownInlineCode'\nimport { MarkdownLink } from './components/MarkdownLink'\nimport { MarkdownList } from './components/MarkdownList'\nimport { MarkdownListItem } from './components/MarkdownListItem'\nimport { MarkdownParagraph } from './components/MarkdownParagraph'\nimport { MarkdownStrong } from './components/MarkdownStrong'\nimport { MarkdownText } from './components/MarkdownText'\nimport { MarkdownThematicBreak } from './components/MarkdownThematicBreak'\n\ntype HandleNode = (node) => React.JSX.Element | null\n\nconst StyledMarkdownContent = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-8',\n    '[&>h1]:max-w-[65ch]',\n    '[&>h2]:max-w-[65ch]',\n    '[&>h3]:max-w-[65ch]',\n    '[&>h4]:max-w-[65ch]',\n    '[&>p]:max-w-[75ch]',\n    '[&>ul]:max-w-[75ch]'\n  ]\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n  typeof StyledMarkdownContent\n> & {\n  content: string\n  customComponents?: {\n    [key: string]: (props: {\n      node: any\n      handleNode: HandleNode\n    }) => React.JSX.Element\n  }\n}\n\nconst defaultComponentsMap = {\n  code: MarkdownCode,\n  emphasis: MarkdownEmphasis,\n  heading: MarkdownHeading,\n  inlineCode: MarkdownInlineCode,\n  image: MarkdownImage,\n  link: MarkdownLink,\n  list: MarkdownList,\n  listItem: MarkdownListItem,\n  paragraph: MarkdownParagraph,\n  strong: MarkdownStrong,\n  text: MarkdownText,\n  thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node) => {\n  if (node.position?.start) {\n    const { line, column, offset } = node.position.start\n    return `${node.type}${line}${column}${offset}`\n  }\n\n  return `${node.type}${+new Date()}`\n}\n\nexport const MarkdownContent = ({\n  content,\n  customComponents = {},\n  className\n}: MarkdownContentProps) => {\n  const AST = fromMarkdown(content, {\n    extensions: [syntax()],\n    mdastExtensions: [directive.fromMarkdown]\n  })\n\n  const componentsMap = {\n    ...defaultComponentsMap,\n    ...customComponents\n  }\n\n  const handleNode: HandleNode = (node) => {\n    const MarkdownComponent = componentsMap[node.type]\n\n    return MarkdownComponent ? (\n      <MarkdownComponent\n        key={generateNodeKey(node)}\n        node={node}\n        handleNode={handleNode}\n      />\n    ) : null\n  }\n\n  return (\n    <StyledMarkdownContent className={className}>\n      {AST.children.map(handleNode)}\n    </StyledMarkdownContent>\n  )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,IAAM,wBAAwB,OAAO,OAAO,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAcF,IAAM,uBAAuB;CAC3B,MAAM;CACN,UAAU;CACV,SAAS;CACT,YAAY;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,WAAW;CACX,QAAQ;CACR,MAAM;CACN,eAAe;CAChB;AAED,IAAM,mBAAmB,SAAS;AAChC,KAAI,KAAK,UAAU,OAAO;EACxB,MAAM,EAAE,MAAM,QAAQ,WAAW,KAAK,SAAS;AAC/C,SAAO,GAAG,KAAK,OAAO,OAAO,SAAS;;AAGxC,QAAO,GAAG,KAAK,OAAO,iBAAC,IAAI,MAAM;;AAGnC,IAAa,mBAAmB,EAC9B,SACA,mBAAmB,EAAE,EACrB,gBAC0B;CAC1B,MAAM,MAAM,aAAa,SAAS;EAChC,YAAY,CAAC,QAAQ,CAAC;EACtB,iBAAiB,CAAC,UAAU,aAAa;EAC1C,CAAC;CAEF,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAG;EACJ;CAED,MAAM,cAA0B,SAAS;EACvC,MAAM,oBAAoB,cAAc,KAAK;AAE7C,SAAO,oBACL,oBAAC,mBAAD;GAEQ;GACM;GACZ,EAHK,gBAAgB,KAAK,CAG1B,GACA;;AAGN,QACE,oBAAC,uBAAD;EAAkC;YAC/B,IAAI,SAAS,IAAI,WAAW;EACP,CAAA;;AAI5B,gBAAgB,cAAc"}
+{"version":3,"file":"MarkdownContent.js","names":[],"sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import directive from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport syntax from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { MarkdownCode } from './components/MarkdownCode'\nimport { MarkdownEmphasis } from './components/MarkdownEmphasis'\nimport { MarkdownHeading } from './components/MarkdownHeading'\nimport { MarkdownImage } from './components/MarkdownImage'\nimport { MarkdownInlineCode } from './components/MarkdownInlineCode'\nimport { MarkdownLink } from './components/MarkdownLink'\nimport { MarkdownList } from './components/MarkdownList'\nimport { MarkdownListItem } from './components/MarkdownListItem'\nimport { MarkdownParagraph } from './components/MarkdownParagraph'\nimport { MarkdownStrong } from './components/MarkdownStrong'\nimport { MarkdownText } from './components/MarkdownText'\nimport { MarkdownThematicBreak } from './components/MarkdownThematicBreak'\n\ntype HandleNode = (node) => React.JSX.Element | null\n\nconst StyledMarkdownContent = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-8',\n    '[&>h1]:max-w-[65ch]',\n    '[&>h2]:max-w-[65ch]',\n    '[&>h3]:max-w-[65ch]',\n    '[&>h4]:max-w-[65ch]',\n    '[&>p]:max-w-[75ch]',\n    '[&>ul]:max-w-[75ch]'\n  ]\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n  typeof StyledMarkdownContent\n> & {\n  content: string\n  customComponents?: {\n    [key: string]: (props: {\n      node: any\n      handleNode: HandleNode\n    }) => React.JSX.Element\n  }\n}\n\nconst defaultComponentsMap = {\n  code: MarkdownCode,\n  emphasis: MarkdownEmphasis,\n  heading: MarkdownHeading,\n  inlineCode: MarkdownInlineCode,\n  image: MarkdownImage,\n  link: MarkdownLink,\n  list: MarkdownList,\n  listItem: MarkdownListItem,\n  paragraph: MarkdownParagraph,\n  strong: MarkdownStrong,\n  text: MarkdownText,\n  thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node) => {\n  if (node.position?.start) {\n    const { line, column, offset } = node.position.start\n    return `${node.type}${line}${column}${offset}`\n  }\n\n  return `${node.type}${+new Date()}`\n}\n\nexport const MarkdownContent = ({\n  content,\n  customComponents = {},\n  className\n}: MarkdownContentProps) => {\n  const AST = fromMarkdown(content, {\n    extensions: [syntax()],\n    mdastExtensions: [directive.fromMarkdown]\n  })\n\n  const componentsMap = {\n    ...defaultComponentsMap,\n    ...customComponents\n  }\n\n  const handleNode: HandleNode = (node) => {\n    const MarkdownComponent = componentsMap[node.type]\n\n    return MarkdownComponent ? (\n      <MarkdownComponent\n        key={generateNodeKey(node)}\n        node={node}\n        handleNode={handleNode}\n      />\n    ) : null\n  }\n\n  return (\n    <StyledMarkdownContent className={className}>\n      {AST.children.map(handleNode)}\n    </StyledMarkdownContent>\n  )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAM,wBAAwB,OAAO,OAAO,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAcD,IAAM,uBAAuB;CAC3B,MAAM;CACN,UAAU;CACV,SAAS;CACT,YAAY;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,WAAW;CACX,QAAQ;CACR,MAAM;CACN,eAAe;AACjB;AAEA,IAAM,mBAAmB,SAAS;CAChC,IAAI,KAAK,UAAU,OAAO;EACxB,MAAM,EAAE,MAAM,QAAQ,WAAW,KAAK,SAAS;EAC/C,OAAO,GAAG,KAAK,OAAO,OAAO,SAAS;CACxC;CAEA,OAAO,GAAG,KAAK,OAAO,iBAAC,IAAI,KAAK;AAClC;AAEA,IAAa,mBAAmB,EAC9B,SACA,mBAAmB,CAAC,GACpB,gBAC0B;CAC1B,MAAM,MAAM,aAAa,SAAS;EAChC,YAAY,CAAC,OAAO,CAAC;EACrB,iBAAiB,CAAC,UAAU,YAAY;CAC1C,CAAC;CAED,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAG;CACL;CAEA,MAAM,cAA0B,SAAS;EACvC,MAAM,oBAAoB,cAAc,KAAK;EAE7C,OAAO,oBACL,oBAAC,mBAAD;GAEQ;GACM;EACb,GAHM,gBAAgB,IAAI,CAG1B,IACC;CACN;CAEA,OACE,oBAAC,uBAAD;EAAkC;YAC/B,IAAI,SAAS,IAAI,UAAU;CACP,CAAA;AAE3B;AAEA,gBAAgB,cAAc"}

package/dist/components/markdown-content/components/MarkdownCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCode.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownCodeProps = {\n  node: Code\n}\n\nconst StyledMarkdownCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-md',\n    'text-grey-1000',\n    'font-mono',\n    'text-sm/[1.4]',\n    'my-4',\n    'p-3'\n  ]\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"mappings":";;;;AASA,IAAM,qBAAqB,OAAO,OAAO,EACvC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,gBAAgB,EAAE,WAC7B,oBAAC,oBAAD;CAAoB,IAAG;WAAO,KAAK;CAA2B,CAAA"}
+{"version":3,"file":"MarkdownCode.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import type { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownCodeProps = {\n  node: Code\n}\n\nconst StyledMarkdownCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-md',\n    'text-grey-1000',\n    'font-mono',\n    'text-sm/[1.4]',\n    'my-4',\n    'p-3'\n  ]\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"mappings":";;;;AASA,IAAM,qBAAqB,OAAO,OAAO,EACvC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,gBAAgB,EAAE,WAC7B,oBAAC,oBAAD;CAAoB,IAAG;WAAO,KAAK;AAA0B,CAAA"}

package/dist/components/markdown-content/components/MarkdownEmphasis.js

@@ -5,6 +5,6 @@ import { jsx } from "react/jsx-runtime";
 var StyledMarkdownEmphasis = styled("em", { base: ["italic"] });
 var MarkdownEmphasis = ({ node, handleNode }) => /* @__PURE__ */ jsx(StyledMarkdownEmphasis, { children: node.children?.map(handleNode) });
 //#endregion
-export { MarkdownEmphasis };
+export { MarkdownEmphasis, StyledMarkdownEmphasis };
 
 //# sourceMappingURL=MarkdownEmphasis.js.map

package/dist/components/markdown-content/components/MarkdownEmphasis.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEmphasis.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { Content, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownEmphasisProps = {\n  node: Emphasis\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const StyledMarkdownEmphasis = styled('em', {\n  base: ['italic']\n})\n\nexport const MarkdownEmphasis = ({\n  node,\n  handleNode\n}: MarkdownEmphasisProps) => (\n  <StyledMarkdownEmphasis>\n    {node.children?.map(handleNode)}\n  </StyledMarkdownEmphasis>\n)\n"],"mappings":";;;;AAUA,IAAa,yBAAyB,OAAO,MAAM,EACjD,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,wBAAD,EAAA,UACG,KAAK,UAAU,IAAI,WAAW,EACR,CAAA"}
+{"version":3,"file":"MarkdownEmphasis.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { Content, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownEmphasisProps = {\n  node: Emphasis\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const StyledMarkdownEmphasis = styled('em', {\n  base: ['italic']\n})\n\nexport const MarkdownEmphasis = ({\n  node,\n  handleNode\n}: MarkdownEmphasisProps) => (\n  <StyledMarkdownEmphasis>\n    {node.children?.map(handleNode)}\n  </StyledMarkdownEmphasis>\n)\n"],"mappings":";;;;AAUA,IAAa,yBAAyB,OAAO,MAAM,EACjD,MAAM,CAAC,QAAQ,EACjB,CAAC;AAED,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,wBAAD,EAAA,UACG,KAAK,UAAU,IAAI,UAAU,EACR,CAAA"}

package/dist/components/markdown-content/components/MarkdownHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownHeading.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { Content, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n  node: HeadingType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n  switch (depth) {\n    case 1:\n      return { size: 'xl', as: 'h1' }\n    case 2:\n      return { size: 'lg', as: 'h2' }\n    case 3:\n      return { size: 'md', as: 'h3' }\n    case 4:\n      return { size: 'sm', as: 'h4' }\n    case 5:\n      return { size: 'xs', as: 'h5' }\n    default:\n      return { size: 'xs', as: 'h6' }\n  }\n}\n\nexport const MarkdownHeading = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownHeadingProps) => {\n  const { as, size } = getHeadingProps(node.depth)\n\n  return (\n    <Heading as={as} size={size} {...rest}>\n      {node.children?.map(handleNode)}\n    </Heading>\n  )\n}\n"],"mappings":";;;;AAUA,IAAM,mBAAmB,UAAgC;AACvD,SAAQ,OAAR;EACE,KAAK,EACH,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;EACjC,KAAK,EACH,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;EACjC,KAAK,EACH,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;EACjC,KAAK,EACH,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;EACjC,KAAK,EACH,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;EACjC,QACE,QAAO;GAAE,MAAM;GAAM,IAAI;GAAM;;;AAIrC,IAAa,mBAAmB,EAC9B,MACA,YACA,GAAG,WACuB;CAC1B,MAAM,EAAE,IAAI,SAAS,gBAAgB,KAAK,MAAM;AAEhD,QACE,oBAAC,SAAD;EAAa;EAAU;EAAM,GAAI;YAC9B,KAAK,UAAU,IAAI,WAAW;EACvB,CAAA"}
+{"version":3,"file":"MarkdownHeading.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { Content, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, type HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n  node: HeadingType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n  switch (depth) {\n    case 1:\n      return { size: 'xl', as: 'h1' }\n    case 2:\n      return { size: 'lg', as: 'h2' }\n    case 3:\n      return { size: 'md', as: 'h3' }\n    case 4:\n      return { size: 'sm', as: 'h4' }\n    case 5:\n      return { size: 'xs', as: 'h5' }\n    default:\n      return { size: 'xs', as: 'h6' }\n  }\n}\n\nexport const MarkdownHeading = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownHeadingProps) => {\n  const { as, size } = getHeadingProps(node.depth)\n\n  return (\n    <Heading as={as} size={size} {...rest}>\n      {node.children?.map(handleNode)}\n    </Heading>\n  )\n}\n"],"mappings":";;;;AAUA,IAAM,mBAAmB,UAAgC;CACvD,QAAQ,OAAR;EACE,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,SACE,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;CAClC;AACF;AAEA,IAAa,mBAAmB,EAC9B,MACA,YACA,GAAG,WACuB;CAC1B,MAAM,EAAE,IAAI,SAAS,gBAAgB,KAAK,KAAK;CAE/C,OACE,oBAAC,SAAD;EAAa;EAAU;EAAM,GAAI;YAC9B,KAAK,UAAU,IAAI,UAAU;CACvB,CAAA;AAEb"}

package/dist/components/markdown-content/components/MarkdownImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownImage.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownImage.tsx"],"sourcesContent":["import type { Image as ImageType } from 'mdast'\nimport * as React from 'react'\n\nimport { Image } from '../../image/Image'\n\ntype MarkdownImageProps = {\n  node: ImageType\n  className?: string\n}\n\nexport const MarkdownImage = ({ node, className }: MarkdownImageProps) => (\n  <Image src={node.url} alt={node.alt ?? undefined} className={className} />\n)\n"],"mappings":";;;;AAUA,IAAa,iBAAiB,EAAE,MAAM,gBACpC,oBAAC,OAAD;CAAO,KAAK,KAAK;CAAK,KAAK,KAAK,OAAO,KAAA;CAAsB;CAAa,CAAA"}
+{"version":3,"file":"MarkdownImage.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownImage.tsx"],"sourcesContent":["import type { Image as ImageType } from 'mdast'\nimport * as React from 'react'\n\nimport { Image } from '../../image/Image'\n\ntype MarkdownImageProps = {\n  node: ImageType\n  className?: string\n}\n\nexport const MarkdownImage = ({ node, className }: MarkdownImageProps) => (\n  <Image src={node.url} alt={node.alt ?? undefined} className={className} />\n)\n"],"mappings":";;;;AAUA,IAAa,iBAAiB,EAAE,MAAM,gBACpC,oBAAC,OAAD;CAAO,KAAK,KAAK;CAAK,KAAK,KAAK,OAAO,KAAA;CAAsB;AAAY,CAAA"}

package/dist/components/markdown-content/components/MarkdownInlineCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInlineCode.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownInlineCode.tsx"],"sourcesContent":["import type { InlineCode } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownInlineCodeProps = {\n  node: InlineCode\n}\n\nconst StyledMarkdownInlineCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-sm',\n    'text-grey-1000',\n    'inline-block',\n    'font-mono',\n    'text-[85%]',\n    'px-1',\n    'py-0.5'\n  ]\n})\n\nexport const MarkdownInlineCode = ({ node }: MarkdownInlineCodeProps) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"mappings":";;;;AASA,IAAM,2BAA2B,OAAO,OAAO,EAC7C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,sBAAsB,EAAE,WACnC,oBAAC,0BAAD;CAA0B,IAAG;WAAQ,KAAK;CAAiC,CAAA"}
+{"version":3,"file":"MarkdownInlineCode.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownInlineCode.tsx"],"sourcesContent":["import type { InlineCode } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownInlineCodeProps = {\n  node: InlineCode\n}\n\nconst StyledMarkdownInlineCode = styled('div', {\n  base: [\n    'bg-grey-200',\n    'rounded-sm',\n    'text-grey-1000',\n    'inline-block',\n    'font-mono',\n    'text-[85%]',\n    'px-1',\n    'py-0.5'\n  ]\n})\n\nexport const MarkdownInlineCode = ({ node }: MarkdownInlineCodeProps) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"mappings":";;;;AASA,IAAM,2BAA2B,OAAO,OAAO,EAC7C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,sBAAsB,EAAE,WACnC,oBAAC,0BAAD;CAA0B,IAAG;WAAQ,KAAK;AAAgC,CAAA"}

package/dist/components/markdown-content/components/MarkdownLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownLink.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownLink.tsx"],"sourcesContent":["import type { Content, Link as LinkType } from 'mdast'\nimport * as React from 'react'\n\nimport { Link } from '../../link/Link'\n\ntype MarkdownLinkProps = {\n  node: LinkType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownLink = ({ node, handleNode }: MarkdownLinkProps) => (\n  <Link title={node.title ?? undefined} href={node.url}>\n    {node.children?.map(handleNode)}\n  </Link>\n)\n"],"mappings":";;;;AAUA,IAAa,gBAAgB,EAAE,MAAM,iBACnC,oBAAC,MAAD;CAAM,OAAO,KAAK,SAAS,KAAA;CAAW,MAAM,KAAK;WAC9C,KAAK,UAAU,IAAI,WAAW;CAC1B,CAAA"}
+{"version":3,"file":"MarkdownLink.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownLink.tsx"],"sourcesContent":["import type { Content, Link as LinkType } from 'mdast'\nimport * as React from 'react'\n\nimport { Link } from '../../link/Link'\n\ntype MarkdownLinkProps = {\n  node: LinkType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownLink = ({ node, handleNode }: MarkdownLinkProps) => (\n  <Link title={node.title ?? undefined} href={node.url}>\n    {node.children?.map(handleNode)}\n  </Link>\n)\n"],"mappings":";;;;AAUA,IAAa,gBAAgB,EAAE,MAAM,iBACnC,oBAAC,MAAD;CAAM,OAAO,KAAK,SAAS,KAAA;CAAW,MAAM,KAAK;WAC9C,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}

package/dist/components/markdown-content/components/MarkdownList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownList.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n  className?: string\n}\n\nexport const MarkdownList = ({\n  node,\n  handleNode,\n  className\n}: MarkdownListProps) => (\n  <List\n    ordered={node.ordered || undefined}\n    className={cn(\n      '[&_p]:inline',\n      '[&_p]:before:hidden',\n      '[&_p]:after:hidden',\n      className\n    )}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"mappings":";;;;;AAaA,IAAa,gBAAgB,EAC3B,MACA,YACA,gBAEA,oBAAC,MAAD;CACE,SAAS,KAAK,WAAW,KAAA;CACzB,WAAW,GACT,gBACA,uBACA,sBACA,UACD;WAEA,KAAK,UAAU,IAAI,WAAW;CAC1B,CAAA"}
+{"version":3,"file":"MarkdownList.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { List } from '../../list/List'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement<unknown>\n  className?: string\n}\n\nexport const MarkdownList = ({\n  node,\n  handleNode,\n  className\n}: MarkdownListProps) => (\n  <List\n    ordered={node.ordered || undefined}\n    className={cn(\n      '[&_p]:inline',\n      '[&_p]:before:hidden',\n      '[&_p]:after:hidden',\n      className\n    )}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"mappings":";;;;;AAYA,IAAa,gBAAgB,EAC3B,MACA,YACA,gBAEA,oBAAC,MAAD;CACE,SAAS,KAAK,WAAW,KAAA;CACzB,WAAW,GACT,gBACA,uBACA,sBACA,SACF;WAEC,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}

package/dist/components/markdown-content/components/MarkdownListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownListItem.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownListItem.tsx"],"sourcesContent":["import type { Content, ListItem } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListItemProps = {\n  node: ListItem\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownListItem = ({\n  node,\n  handleNode\n}: MarkdownListItemProps) => (\n  <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"mappings":";;;;AAUA,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,KAAK,MAAN,EAAA,UAAY,KAAK,UAAU,IAAI,WAAW,EAAa,CAAA"}
+{"version":3,"file":"MarkdownListItem.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownListItem.tsx"],"sourcesContent":["import type { Content, ListItem } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListItemProps = {\n  node: ListItem\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownListItem = ({\n  node,\n  handleNode\n}: MarkdownListItemProps) => (\n  <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"mappings":";;;;AAUA,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,KAAK,MAAN,EAAA,UAAY,KAAK,UAAU,IAAI,UAAU,EAAa,CAAA"}

package/dist/components/markdown-content/components/MarkdownParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownParagraph.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { Content, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text/Text'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAChC,MACA,YACA,GAAG,WAEH,oBAAC,MAAD;CAAM,GAAI;WAAO,KAAK,UAAU,IAAI,WAAW;CAAQ,CAAA"}
+{"version":3,"file":"MarkdownParagraph.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { Content, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text/Text'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAChC,MACA,YACA,GAAG,WAEH,oBAAC,MAAD;CAAM,GAAI;WAAO,KAAK,UAAU,IAAI,UAAU;AAAQ,CAAA"}

package/dist/components/markdown-content/components/MarkdownStrong.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStrong.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { Content, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype MarkdownStrongProps = {\n  node: Strong\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nconst StyledMarkdownStrong = styled('strong', {\n  base: ['font-semibold']\n})\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n  <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"mappings":";;;;AAUA,IAAM,uBAAuB,OAAO,UAAU,EAC5C,MAAM,CAAC,gBAAgB,EACxB,CAAC;AAEF,IAAa,kBAAkB,EAAE,MAAM,iBACrC,oBAAC,sBAAD,EAAA,UAAuB,KAAK,UAAU,IAAI,WAAW,EAAwB,CAAA"}
+{"version":3,"file":"MarkdownStrong.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { Content, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownStrongProps = {\n  node: Strong\n  handleNode: (node: Content) => React.ReactElement<unknown>\n}\n\nconst StyledMarkdownStrong = styled('strong', {\n  base: ['font-semibold']\n})\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n  <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"mappings":";;;;AAUA,IAAM,uBAAuB,OAAO,UAAU,EAC5C,MAAM,CAAC,eAAe,EACxB,CAAC;AAED,IAAa,kBAAkB,EAAE,MAAM,iBACrC,oBAAC,sBAAD,EAAA,UAAuB,KAAK,UAAU,IAAI,UAAU,EAAwB,CAAA"}

package/dist/components/markdown-content/components/MarkdownText.js

@@ -1,3 +1,4 @@
+import "react";
 //#region src/components/markdown-content/components/MarkdownText.tsx
 var MarkdownText = ({ node }) => node.value;
 //#endregion

package/dist/components/markdown-content/components/MarkdownText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownText.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownText.tsx"],"sourcesContent":["import type { Text as TextType } from 'mdast'\nimport * as React from 'react'\n\ntype MarkdownTextProps = {\n  node: TextType\n}\n\nexport const MarkdownText = ({ node }: MarkdownTextProps): React.ReactNode =>\n  node.value\n"],"mappings":";AAOA,IAAa,gBAAgB,EAAE,WAC7B,KAAK"}
+{"version":3,"file":"MarkdownText.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownText.tsx"],"sourcesContent":["import type { Text as TextType } from 'mdast'\nimport * as React from 'react'\n\ntype MarkdownTextProps = {\n  node: TextType\n}\n\nexport const MarkdownText = ({ node }: MarkdownTextProps): React.ReactNode =>\n  node.value\n"],"mappings":";;AAOA,IAAa,gBAAgB,EAAE,WAC7B,KAAK"}

package/dist/components/markdown-content/components/MarkdownThematicBreak.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownThematicBreak.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { Divider } from '../../divider/Divider'\n\ntype MarkdownThematicBreakProps = {\n  className?: string\n}\n\nexport const MarkdownThematicBreak = ({\n  className\n}: MarkdownThematicBreakProps) => (\n  <Divider className={cn('w-full', className)} />\n)\n"],"mappings":";;;;;AAUA,IAAa,yBAAyB,EACpC,gBAEA,oBAAC,SAAD,EAAS,WAAW,GAAG,UAAU,UAAU,EAAI,CAAA"}
+{"version":3,"file":"MarkdownThematicBreak.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { Divider } from '../../divider/Divider'\n\ntype MarkdownThematicBreakProps = {\n  className?: string\n}\n\nexport const MarkdownThematicBreak = ({\n  className\n}: MarkdownThematicBreakProps) => (\n  <Divider className={cn('w-full', className)} />\n)\n"],"mappings":";;;;;AASA,IAAa,yBAAyB,EACpC,gBAEA,oBAAC,SAAD,EAAS,WAAW,GAAG,UAAU,SAAS,EAAI,CAAA"}

package/dist/components/navigation/NavigationMenu.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAoBA,IAAa,eAAe,EAC1B,OArBY;CACZ,UAAU;CACV,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;CACnB,yBAAyB;CACzB,2BAA2B;CAC3B,yBAAyB;CACzB,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,yBAAyB;CACzB,+BAA+B;CAC/B,iCAAiC;CACjC,wBAAwB;CACxB,8BAA8B;CAC9B,6BAA6B;CAC7B,yBAAyB;CAC1B,EAIA"}
+{"version":3,"file":"NavigationMenu.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAoBA,IAAa,eAAe,EAC1B;CApBA,UAAU;CACV,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;CACnB,yBAAyB;CACzB,2BAA2B;CAC3B,yBAAyB;CACzB,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,yBAAyB;CACzB,+BAA+B;CAC/B,iCAAiC;CACjC,wBAAwB;CACxB,8BAA8B;CAC9B,6BAA6B;CAC7B,yBAAyB;AAIzB,EACF"}

package/dist/components/navigation/{NavigationMenuContext.d.ts → NavigationMenu.context.d.ts}

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface NavigationMenuContextValue {
     onNodeUpdate: (trigger: HTMLButtonElement, itemValue: string) => HTMLButtonElement;
 }

package/dist/components/navigation/NavigationMenu.context.js

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+//#region src/components/navigation/NavigationMenu.context.tsx
+var NavigationMenuContext = React$1.createContext(void 0);
+var useNavigationMenuContext = () => {
+	const context = React$1.useContext(NavigationMenuContext);
+	if (context === void 0) throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");
+	return context;
+};
+//#endregion
+export { NavigationMenuContext, useNavigationMenuContext };
+
+//# sourceMappingURL=NavigationMenu.context.js.map

package/dist/components/navigation/NavigationMenu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.context.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.context.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface NavigationMenuContextValue {\n  onNodeUpdate: (\n    trigger: HTMLButtonElement,\n    itemValue: string\n  ) => HTMLButtonElement\n}\n\nexport const NavigationMenuContext = React.createContext<\n  NavigationMenuContextValue | undefined\n>(undefined)\n\nexport const useNavigationMenuContext = (): NavigationMenuContextValue => {\n  const context = React.useContext(NavigationMenuContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useNavigationMenuContext must be used within a NavigationMenuContextProvider'\n    )\n  }\n\n  return context\n}\n"],"mappings":";;AASA,IAAa,wBAAwB,QAAM,cAEzC,KAAA,CAAS;AAEX,IAAa,iCAA6D;CACxE,MAAM,UAAU,QAAM,WAAW,qBAAqB;CAEtD,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MACR,8EACF;CAGF,OAAO;AACT"}

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

@@ -1,26 +1,26 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import React from 'react';
+import * as React from 'react';
 declare const StyledMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
     as?: React.ElementType;
 }>;
 export declare const NavigationMenu: {
-    ({ children, className, ...props }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
+    ({ children, className, ...rest }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
     displayName: string;
 } & {
     Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: "link" | "dropdownItem" | undefined;
+        elementType?: "dropdownItem" | "link" | undefined;
     } & {
         as?: React.ElementType;
     }, "elementType"> & {
         disabled?: boolean;
         variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: "link" | "dropdownItem" | undefined;
+            elementType?: "dropdownItem" | "link" | undefined;
         } & {
             as?: React.ElementType;
-        }>>["elementType"];
+        }>>['elementType'];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Dropdown: {
-        ({ children, id, ...props }: {
+        ({ children, id, ...rest }: {
             active?: boolean;
             className?: string;
             id: string;
@@ -34,26 +34,26 @@ export declare const NavigationMenu: {
         displayName: string;
     };
     DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: "link" | "dropdownItem" | undefined;
+        elementType?: "dropdownItem" | "link" | undefined;
     } & {
         as?: React.ElementType;
     }, "elementType"> & {
         disabled?: boolean;
         variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: "link" | "dropdownItem" | undefined;
+            elementType?: "dropdownItem" | "link" | undefined;
         } & {
             as?: React.ElementType;
-        }>>["elementType"];
+        }>>['elementType'];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "size" | "noCapsize" | "weight" | "family"> & {
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
-        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-        family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
+    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "family" | "noCapsize" | "size" | "weight"> & {
+        size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
     } & {
         as?: React.ElementType;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+        as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
         as?: React.ElementType;
     }>;

package/dist/components/navigation/NavigationMenu.js

@@ -1,12 +1,12 @@
 import { cn, styled } from "../../styled.js";
 import { colorSchemes } from "./NavigationMenu.colorscheme.config.js";
-import { NavigationMenuContext } from "./NavigationMenuContext.js";
+import { NavigationMenuContext } from "./NavigationMenu.context.js";
 import { NavigationMenuDropdownContent } from "./NavigationMenuDropdownContent.js";
 import { NavigationMenuDropdownTrigger } from "./NavigationMenuDropdownTrigger.js";
 import { NavigationMenuDropdown } from "./NavigationMenuDropdown.js";
 import { NavigationMenuLink } from "./NavigationMenuLink.js";
 import { NavigationMenuDropdownItem, NavigationMenuDropdownItemTitle } from "./NavigationMenuDropdownItem.js";
-import React from "react";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation/NavigationMenu.tsx
@@ -31,15 +31,15 @@ var ViewportPosition = styled("div", { base: [
 	"flex",
 	"justify-center"
 ] });
-var NavigationMenuComponent = ({ children, className, ...props }) => {
-	const [offset, setOffset] = React.useState();
-	const [activeItem, setActiveItem] = React.useState();
-	const [listWidth, setListWidth] = React.useState(0);
-	const listRef = React.useRef(null);
-	React.useLayoutEffect(() => {
+var NavigationMenuComponent = ({ children, className, ...rest }) => {
+	const [offset, setOffset] = React$1.useState();
+	const [activeItem, setActiveItem] = React$1.useState();
+	const [listWidth, setListWidth] = React$1.useState(0);
+	const listRef = React$1.useRef(null);
+	React$1.useLayoutEffect(() => {
 		if (listRef.current) setListWidth(listRef.current.offsetWidth);
-	}, [React.Children.toArray(children).length]);
-	React.useEffect(() => {
+	}, [React$1.Children.toArray(children).length]);
+	React$1.useEffect(() => {
 		let timer;
 		if (activeItem === "") timer = setTimeout(() => setOffset(null), 200);
 		return () => {
@@ -60,7 +60,7 @@ var NavigationMenuComponent = ({ children, className, ...props }) => {
 			className: cn(className),
 			style: colorSchemes["light"],
 			onValueChange: setActiveItem,
-			...props,
+			...rest,
 			children: [/* @__PURE__ */ jsx(StyledList, {
 				ref: listRef,
 				children

package/dist/components/navigation/NavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\n\nimport { colorSchemes as navigationMenuColorSchemes } from './NavigationMenu.colorscheme.config'\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  base: ['flex', 'justify-center', 'relative']\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  base: ['flex', 'justify-center', 'items-center', 'gap-1', 'list-none']\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  base: ['z-2147483647']\n})\n\nconst ViewportPosition = styled('div', {\n  base: ['absolute', 'left-0', 'top-full', 'w-full', 'flex', 'justify-center']\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof StyledMenu>) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [React.Children.toArray(children).length])\n\n  React.useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), 200)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={cn(className)}\n        style={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            style={{ '--navigation-menu-viewport-offset': `${offset || 0}px` }}\n            className={cn([\n              'data-[state=open]:animate-fade-in',\n              'data-[state=closed]:animate-fade-out',\n              'translate-x-(--navigation-menu-viewport-offset)'\n            ])}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nexport const NavigationMenu = Object.assign(NavigationMenuComponent, {\n  Link: NavigationMenuLink,\n  Dropdown: NavigationMenuDropdown,\n  DropdownContent: NavigationMenuDropdownContent,\n  DropdownItem: NavigationMenuDropdownItem,\n  DropdownItemTitle: NavigationMenuDropdownItemTitle,\n  DropdownTrigger: NavigationMenuDropdownTrigger\n})\n\nNavigationMenuComponent.displayName = 'NavigationMenu'\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAW,EAC7C,CAAC;AAEF,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAgB;CAAS;CAAY,EACvE,CAAC;AAEF,IAAM,iBAAiB,OAAO,wBAAwB,UAAU,EAC9D,MAAM,CAAC,eAAe,EACvB,CAAC;AAEF,IAAM,mBAAmB,OAAO,OAAO,EACrC,MAAM;CAAC;CAAY;CAAU;CAAY;CAAU;CAAQ;CAAiB,EAC7E,CAAC;AAEF,IAAM,2BAA2B,EAC/B,UACA,WACA,GAAG,YAC0C;CAC7C,MAAM,CAAC,QAAQ,aAAa,MAAM,UAAqC;CACvE,MAAM,CAAC,YAAY,iBAAiB,MAAM,UAA8B;CACxE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,EAAE;CACnD,MAAM,UAAU,MAAM,OAAyB,KAAK;AAEpD,OAAM,sBAAsB;AAC1B,MAAI,QAAQ,QACV,cAAa,QAAQ,QAAQ,YAAY;IAE1C,CAAC,MAAM,SAAS,QAAQ,SAAS,CAAC,OAAO,CAAC;AAE7C,OAAM,gBAAgB;EACpB,IAAI;AAIJ,MAAI,eAAe,GACjB,SAAQ,iBAAiB,UAAU,KAAK,EAAE,IAAI;AAGhD,eAAa;AACX,OAAI,UAAU,KACZ,cAAa,MAAM;;IAGtB,CAAC,WAAW,CAAC;CAGhB,MAAM,gBAAgB,SAA4B,cAAsB;AACtE,MAAI,WAAW,aAAa,eAAe,WAAW;GACpD,MAAM,aAAa,YAAY;GAE/B,MAAM,qBACJ,YACA,QAAQ,aACR,QAAQ,cACR,QAAQ,cAAc;AAExB,aAAU,KAAK,MAAM,aAAa,mBAAmB,CAAC;;AAGxD,SAAO;;AAGT,QACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO,EAAE,cAAc;YACrD,qBAAC,YAAD;GACE,WAAW,GAAG,UAAU;GACxB,OAAO,aAA2B;GAClC,eAAe;GACf,GAAI;aAJN,CAME,oBAAC,YAAD;IAAY,KAAK;IAAU;IAAsB,CAAA,EACjD,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,OAAO,EAAE,qCAAqC,GAAG,UAAU,EAAE,KAAK;IAClE,WAAW,GAAG;KACZ;KACA;KACA;KACD,CAAC;IACF,CAAA,EACe,CAAA,CACR;;EACkB,CAAA;;AAIrC,IAAa,iBAAiB,OAAO,OAAO,yBAAyB;CACnE,MAAM;CACN,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;CAClB,CAAC;AAEF,wBAAwB,cAAc"}
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\n\nimport { styled, cn } from '../../styled'\nimport { colorSchemes as navigationMenuColorSchemes } from './NavigationMenu.colorscheme.config'\nimport { NavigationMenuContext } from './NavigationMenu.context'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  base: ['flex', 'justify-center', 'relative']\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  base: ['flex', 'justify-center', 'items-center', 'gap-1', 'list-none']\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  base: ['z-2147483647']\n})\n\nconst ViewportPosition = styled('div', {\n  base: ['absolute', 'left-0', 'top-full', 'w-full', 'flex', 'justify-center']\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  className,\n  ...rest\n}: React.ComponentProps<typeof StyledMenu>) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [React.Children.toArray(children).length])\n\n  React.useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), 200)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={cn(className)}\n        style={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        {...rest}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            style={{ '--navigation-menu-viewport-offset': `${offset || 0}px` }}\n            className={cn([\n              'data-[state=open]:animate-fade-in',\n              'data-[state=closed]:animate-fade-out',\n              'translate-x-(--navigation-menu-viewport-offset)'\n            ])}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nexport const NavigationMenu = Object.assign(NavigationMenuComponent, {\n  Link: NavigationMenuLink,\n  Dropdown: NavigationMenuDropdown,\n  DropdownContent: NavigationMenuDropdownContent,\n  DropdownItem: NavigationMenuDropdownItem,\n  DropdownItemTitle: NavigationMenuDropdownItemTitle,\n  DropdownTrigger: NavigationMenuDropdownTrigger\n})\n\nNavigationMenuComponent.displayName = 'NavigationMenu'\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;AAAU,EAC7C,CAAC;AAED,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAgB;CAAS;AAAW,EACvE,CAAC;AAED,IAAM,iBAAiB,OAAO,wBAAwB,UAAU,EAC9D,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAM,mBAAmB,OAAO,OAAO,EACrC,MAAM;CAAC;CAAY;CAAU;CAAY;CAAU;CAAQ;AAAgB,EAC7E,CAAC;AAED,IAAM,2BAA2B,EAC/B,UACA,WACA,GAAG,WAC0C;CAC7C,MAAM,CAAC,QAAQ,aAAa,QAAM,SAAoC;CACtE,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAA6B;CACvE,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAS,CAAC;CAClD,MAAM,UAAU,QAAM,OAAyB,IAAI;CAEnD,QAAM,sBAAsB;EAC1B,IAAI,QAAQ,SACV,aAAa,QAAQ,QAAQ,WAAW;CAE5C,GAAG,CAAC,QAAM,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAAM,CAAC;CAE5C,QAAM,gBAAgB;EACpB,IAAI;EAIJ,IAAI,eAAe,IACjB,QAAQ,iBAAiB,UAAU,IAAI,GAAG,GAAG;EAG/C,aAAa;GACX,IAAI,UAAU,MACZ,aAAa,KAAK;EAEtB;CACF,GAAG,CAAC,UAAU,CAAC;CAGf,MAAM,gBAAgB,SAA4B,cAAsB;EACtE,IAAI,WAAW,aAAa,eAAe,WAAW;GACpD,MAAM,aAAa,YAAY;GAE/B,MAAM,qBACJ,YACA,QAAQ,aACR,QAAQ,cACR,QAAQ,cAAc;GAExB,UAAU,KAAK,MAAM,aAAa,kBAAkB,CAAC;EACvD;EAEA,OAAO;CACT;CAEA,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO,EAAE,aAAa;YACpD,qBAAC,YAAD;GACE,WAAW,GAAG,SAAS;GACvB,OAAO,aAA2B;GAClC,eAAe;GACf,GAAI;aAJN,CAME,oBAAC,YAAD;IAAY,KAAK;IAAU;GAAqB,CAAA,GAChD,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,OAAO,EAAE,qCAAqC,GAAG,UAAU,EAAE,IAAI;IACjE,WAAW,GAAG;KACZ;KACA;KACA;IACF,CAAC;GACF,CAAA,EACe,CAAA,CACR;;CACkB,CAAA;AAEpC;AAEA,IAAa,iBAAiB,OAAO,OAAO,yBAAyB;CACnE,MAAM;CACN,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;AACnB,CAAC;AAED,wBAAwB,cAAc"}