@atom-learning/components 6.2.2 → 6.4.0

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled('div', {\n  base: [\n    'flex',\n    'text-grey-1000',\n    'transition-[background,border-color]',\n    'duration-100',\n    'ease-out',\n    'w-full'\n  ],\n  variants: {\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-800',\n        'focus-within:border-blue-800',\n        'rounded-md'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1',\n        'rounded-md'\n      ]\n    },\n    size: {\n      sm: ['h-8'],\n      md: ['h-10'],\n      lg: ['h-12'],\n      xl: ['h-16']\n    },\n    disabled: {\n      true: ['cursor-not-allowed', 'opacity-30']\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    }\n  ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled(Text, {\n  base: [\n    'appearance-none',\n    'border-none',\n    'bg-none',\n    'bg-transparent',\n    'shadow-none',\n    'box-border',\n    'focus:outline-none',\n    'px-3',\n    'size-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700'\n  ]\n})\n\nexport type InputTextProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'size'\n> &\n  Omit<React.ComponentProps<typeof StyledInputText>, 'type' | 'as'> & {\n    // override default 'type' property to prevent Input from being used to render\n    // checkboxes, radios etc — we have dedicated components for them\n    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n    as?: never\n    disabled?: boolean\n  }\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText = React.forwardRef<HTMLInputElement, InputTextProps>(\n  ({ type = 'text', size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStyledVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...(rest as any)}\n      />\n    )\n  }\n)\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state' | 'appearance'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n  appearance?: InputBackgroundProps['appearance']\n  disabled?: boolean\n  name?: string\n  readOnly?: boolean\n  value?: string | number\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      size = 'md',\n      appearance = 'standard',\n      state,\n      disabled,\n      style,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <InputBackground\n        size={size}\n        appearance={appearance}\n        disabled={disabled}\n        state={state}\n        className={className}\n        style={style}\n      >\n        <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n      </InputBackground>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","StyledInputText","Text","toTextSize","InputText","React","type","size","rest","ref","textSize","overrideStyledVariantValue","s","Input","className","appearance","state","disabled","style"],"mappings":"iOAQa,MAAAA,EAAkBC,EAAO,MAAO,CAC3C,KAAM,CACJ,OACA,iBACA,uCACA,eACA,WACA,QACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,+BACA,YACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,mBACA,YACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAEDD,EAAgB,YAAc,kBAE9B,MAAME,EAAkBD,EAAOE,EAAM,CACnC,KAAM,CACJ,kBACA,cACA,UACA,iBACA,cACA,aACA,qBACA,OACA,YACA,0BACA,2BACF,CACF,CAAC,EAcKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAYC,EAAM,WAC7B,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAAQ,CACzC,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BJ,EAAOK,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACL,CAAI,CACP,EAEA,OACEF,EAAA,cAACJ,EAAA,CACC,IAAKQ,EACL,GAAG,QACH,KAAMH,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMI,EACL,GAAIF,CAAAA,CACP,CAEJ,CACF,EAEAJ,EAAU,YAAc,YAiBX,MAAAS,EAAQR,EAAM,WACzB,CACE,CACE,UAAAS,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGV,CACL,EACAC,IAGEJ,EAAA,cAACN,EACC,CAAA,KAAMQ,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,UAAWF,EACX,MAAOI,CAAAA,EAEPb,EAAA,cAACD,EAAU,CAAA,KAAMG,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAM,CAAA,CACjE,CAGN,EAEAK,EAAM,YAAc"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Text } from '../text/Text'\n\nexport const InputBackground = styled('div', {\n  base: [\n    'flex',\n    'text-grey-1000',\n    'transition-[background,border-color]',\n    'duration-100',\n    'ease-out',\n    'w-full'\n  ],\n  variants: {\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-800',\n        'focus-within:border-blue-800',\n        'rounded-md'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1',\n        'rounded-md'\n      ]\n    },\n    size: {\n      sm: ['h-8'],\n      md: ['h-10'],\n      lg: ['h-12'],\n      xl: ['h-16']\n    },\n    disabled: {\n      true: ['cursor-not-allowed', 'opacity-30']\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    }\n  ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled(Text, {\n  base: [\n    'appearance-none',\n    'bg-none',\n    'shadow-none',\n    'focus:outline-none',\n    'px-3',\n    'size-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700'\n  ]\n})\n\nexport type InputTextProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'size'\n> &\n  Omit<React.ComponentProps<typeof StyledInputText>, 'type' | 'as'> & {\n    // override default 'type' property to prevent Input from being used to render\n    // checkboxes, radios etc — we have dedicated components for them\n    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n    as?: never\n    disabled?: boolean\n  }\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText = React.forwardRef<HTMLInputElement, InputTextProps>(\n  ({ type = 'text', size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStyledVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...(rest as any)}\n      />\n    )\n  }\n)\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state' | 'appearance'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n  appearance?: InputBackgroundProps['appearance']\n  disabled?: boolean\n  name?: string\n  readOnly?: boolean\n  value?: string | number\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      size = 'md',\n      appearance = 'standard',\n      state,\n      disabled,\n      style,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <InputBackground\n        size={size}\n        appearance={appearance}\n        disabled={disabled}\n        state={state}\n        className={className}\n        style={style}\n      >\n        <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n      </InputBackground>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","StyledInputText","Text","toTextSize","InputText","React","type","size","rest","ref","textSize","overrideStyledVariantValue","s","Input","className","appearance","state","disabled","style"],"mappings":"iOAOa,MAAAA,EAAkBC,EAAO,MAAO,CAC3C,KAAM,CACJ,OACA,iBACA,uCACA,eACA,WACA,QACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,+BACA,YACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,mBACA,YACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,MAAO,CACL,MAAO,CACT,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAEDD,EAAgB,YAAc,kBAE9B,MAAME,EAAkBD,EAAOE,EAAM,CACnC,KAAM,CACJ,kBACA,UACA,cACA,qBACA,OACA,YACA,0BACA,2BACF,CACF,CAAC,EAcKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAYC,EAAM,WAC7B,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAAQ,CACzC,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BJ,EAAOK,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACL,CAAI,CACP,EAEA,OACEF,EAAA,cAACJ,EAAA,CACC,IAAKQ,EACL,GAAG,QACH,KAAMH,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMI,EACL,GAAIF,CACP,CAAA,CAEJ,CACF,EAEAJ,EAAU,YAAc,YAiBjB,MAAMS,EAAQR,EAAM,WACzB,CACE,CACE,UAAAS,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGV,CACL,EACAC,IAGEJ,EAAA,cAACN,EACC,CAAA,KAAMQ,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,UAAWF,EACX,MAAOI,CAAAA,EAEPb,EAAA,cAACD,EAAU,CAAA,KAAMG,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAM,CAAA,CACjE,CAGN,EAEAK,EAAM,YAAc"}

package/dist/components/input-field/InputField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FieldElementWrapperProps } from '../../components/field-wrapper';
-import { InputProps } from '../../components/input';
+import { FieldElementWrapperProps } from '../../components/field-wrapper/FieldWrapper';
+import { InputProps } from '../../components/input/Input';
 type InputFieldProps = InputProps & FieldElementWrapperProps;
 export declare const InputField: {
     ({ className, label, name, validation, prompt, description, hideLabel, appearance, ...remainingProps }: InputFieldProps): React.JSX.Element;

package/dist/components/input-field/InputField.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{useFormContext as b}from"react-hook-form";import{FieldWrapper as I}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as x}from"../form/useFieldError.js";import{useFormCustomContext as C}from"../form/useFormCustomContext.js";import{Input as E}from"../input/Input.js";const m=({className:l,label:n,name:e,validation:r,prompt:s,description:d,hideLabel:c,appearance:u,...f})=>{const{register:o}=b(),t=C(),{error:a}=x(e),F=r?o(r):o,p=(t==null?void 0:t.appearance)||u;return i.createElement(I,{className:l,description:d,error:a,fieldId:e,hideLabel:c,label:n,prompt:s,required:!!(r!=null&&r.required),appearance:p},i.createElement(E,{id:e,name:e,ref:F,appearance:p,...a&&{state:"error"},...f}))};m.displayName="InputField";export{m as InputField};
+import*as i from"react";import{useFormContext as b}from"react-hook-form";import{FieldWrapper as I}from"../field-wrapper/FieldWrapper.js";import{useFieldError as x}from"../form/useFieldError.js";import{useFormCustomContext as C}from"../form/useFormCustomContext.js";import{Input as E}from"../input/Input.js";const m=({className:l,label:n,name:e,validation:r,prompt:s,description:d,hideLabel:c,appearance:u,...f})=>{const{register:a}=b(),o=C(),{error:t}=x(e),F=r?a(r):a,p=(o==null?void 0:o.appearance)||u;return i.createElement(I,{className:l,description:d,error:t,fieldId:e,hideLabel:c,label:n,prompt:s,required:!!(r!=null&&r.required),appearance:p},i.createElement(E,{id:e,name:e,ref:F,appearance:p,...t&&{state:"error"},...f}))};m.displayName="InputField";export{m as InputField};
 //# sourceMappingURL=InputField.js.map

package/dist/components/input-field/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError, useFormCustomContext } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  className,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  appearance,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","className","label","name","validation","prompt","description","hideLabel","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Input"],"mappings":"0XAYa,MAAAA,EAAa,CAAC,CACzB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,IACfC,EAAUC,EAAqB,EAC/B,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAE9Ba,EAAMZ,EAAaM,EAASN,CAAU,EAAIM,EAC1CO,GAAiBL,GAAA,KAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,UAAWlB,EACX,YAAaK,EACb,MAAOQ,EACP,QAASX,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,CAAA,EAAQD,GAAA,MAAAA,EAAY,UAC9B,WAAYa,CAAAA,EAEZC,EAAA,cAACE,EAAA,CACC,GAAIjB,EACJ,KAAMA,EACN,IAAKa,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CAAAA,CACN,CACF,CAEJ,EAEAT,EAAW,YAAc"}
+{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { Input, InputProps } from '~/components/input/Input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  className,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  appearance,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","className","label","name","validation","prompt","description","hideLabel","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Input"],"mappings":"mTAaa,MAAAA,EAAa,CAAC,CACzB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,IACfC,EAAUC,EAAqB,EAC/B,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAE9Ba,EAAMZ,EAAaM,EAASN,CAAU,EAAIM,EAC1CO,GAAiBL,GAAA,KAAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,UAAWlB,EACX,YAAaK,EACb,MAAOQ,EACP,QAASX,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,CAAQD,EAAAA,GAAA,MAAAA,EAAY,UAC9B,WAAYa,CAEZC,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIjB,EACJ,KAAMA,EACN,IAAKa,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CACN,CAAA,CACF,CAEJ,EAEAT,EAAW,YAAc"}

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

@@ -19,7 +19,7 @@ declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<O
     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?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "as"> & {

package/dist/components/keyboard-shortcut/KeyboardShortcut.js

@@ -1,2 +1,2 @@
-import{Slot as p}from"@radix-ui/react-slot";import*as e from"react";import{styled as w}from"../../styled.js";import{useCallbackRefState as v}from"../../utilities/hooks/useCallbackRef.js";import{Text as k}from"../text/Text.js";const c=e.forwardRef(({asChild:o,config:s,targetWindow:r=!1,onKeyDown:n,...m},l)=>{const[f,y]=v();e.useImperativeHandle(l,()=>f);const t=e.useCallback(i=>{s.forEach(({shortcut:a,action:u})=>{Object.entries(a).every(([b,h])=>i[b]===h)&&u({event:i,shortcut:a})}),n==null||n(i)},[s,n]);return e.useEffect(()=>(r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}),[r,t]),e.createElement(o?p:"div",{onKeyDown:r?void 0:t,ref:y,...m})});c.displayName="KeyboardShortcut";const x=w(k,{base:["bg-grey-100","text-text-subtle","px-2","py-0.5","min-w-6","min-h-6","font-normal","inline-flex","justify-center","items-center","rounded-md","shrink-0"]}),d=o=>e.createElement(x,{size:"sm",as:"kbd",...o});d.displayName="KeyboardShortcut";export{c as KeyboardShortcut,d as KeyboardShortcutIndicator};
+import{Slot as h}from"@radix-ui/react-slot";import*as e from"react";import{styled as w}from"../../styled.js";import{useCallbackRefState as v}from"../../utilities/hooks/useCallbackRef.js";import{Text as k}from"../text/Text.js";const c=e.forwardRef(({asChild:o,config:s,targetWindow:r=!1,onKeyDown:n,...m},l)=>{const[f,y]=v();e.useImperativeHandle(l,()=>f);const t=e.useCallback(i=>{s.forEach(({shortcut:a,action:u})=>{Object.entries(a).every(([p,b])=>i[p]===b)&&u({event:i,shortcut:a})}),n==null||n(i)},[s,n]);return e.useEffect(()=>(r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}),[r,t]),e.createElement(o?h:"div",{onKeyDown:r?void 0:t,ref:y,...m})});c.displayName="KeyboardShortcut";const x=w(k,{base:["bg-grey-100","text-text-subtle","px-2","py-0.5","min-w-6","min-h-6","font-normal","inline-flex","justify-center","items-center","rounded-md","shrink-0","capsize-none"]}),d=o=>e.createElement(x,{size:"sm",as:"kbd",...o});d.displayName="KeyboardShortcut";export{c as KeyboardShortcut,d as KeyboardShortcutIndicator};
 //# sourceMappingURL=KeyboardShortcut.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcut.js","sources":["../../../src/components/keyboard-shortcut/KeyboardShortcut.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { Text } from '../text'\n\ntype KeyboardEventWindowOrElement =\n  | KeyboardEvent\n  | React.KeyboardEvent<HTMLDivElement>\ntype ShortcutConfig = Partial<KeyboardEvent>\n\ntype KeyboardShortcutProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n  config: {\n    shortcut: ShortcutConfig\n    action: ({\n      event,\n      shortcut\n    }: {\n      event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>\n      shortcut: ShortcutConfig\n    }) => void\n  }[]\n  targetWindow?: boolean\n  onKeyDown?: (e: KeyboardEventWindowOrElement) => void\n}\n\nexport const KeyboardShortcut = React.forwardRef<\n  HTMLDivElement,\n  KeyboardShortcutProps\n>(({ asChild, config, targetWindow = false, onKeyDown, ...rest }, ref) => {\n  const [targetElRef, setTargetElRef] = useCallbackRefState()\n  React.useImperativeHandle(ref, () => targetElRef as HTMLDivElement)\n\n  const handleOnKeydown = React.useCallback(\n    (e: KeyboardEventWindowOrElement) => {\n      config.forEach(({ shortcut, action }) => {\n        if (Object.entries(shortcut).every(([key, value]) => e[key] === value))\n          action({ event: e, shortcut })\n      })\n      onKeyDown?.(e)\n    },\n    [config, onKeyDown]\n  )\n\n  React.useEffect(() => {\n    if (targetWindow) window.addEventListener('keydown', handleOnKeydown)\n\n    return () => {\n      window.removeEventListener('keydown', handleOnKeydown)\n    }\n  }, [targetWindow, handleOnKeydown])\n\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      onKeyDown={targetWindow ? undefined : (handleOnKeydown as any)}\n      ref={setTargetElRef}\n      {...rest}\n    />\n  )\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n\nconst StyledKeyboardShortcutIndicator = styled(Text, {\n  base: [\n    'bg-grey-100',\n    'text-text-subtle',\n    'px-2',\n    'py-0.5',\n    'min-w-6',\n    'min-h-6',\n    'font-normal',\n    'inline-flex',\n    'justify-center',\n    'items-center',\n    'rounded-md',\n    'shrink-0'\n  ]\n})\n\ntype KeyboardShortcutIndicatorProps = React.ComponentProps<\n  typeof StyledKeyboardShortcutIndicator\n>\n\nexport const KeyboardShortcutIndicator = (\n  props: KeyboardShortcutIndicatorProps\n) => {\n  return <StyledKeyboardShortcutIndicator size=\"sm\" as=\"kbd\" {...props} />\n}\n\nKeyboardShortcutIndicator.displayName = 'KeyboardShortcut'\n"],"names":["KeyboardShortcut","React","asChild","config","targetWindow","onKeyDown","rest","ref","targetElRef","setTargetElRef","useCallbackRefState","handleOnKeydown","e","shortcut","action","key","value","Slot","StyledKeyboardShortcutIndicator","styled","Text","KeyboardShortcutIndicator","props"],"mappings":"wOA6BaA,EAAmBC,EAAM,WAGpC,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,aAAAC,EAAe,GAAO,UAAAC,EAAW,GAAGC,CAAK,EAAGC,IAAQ,CACxE,KAAM,CAACC,EAAaC,CAAc,EAAIC,EACtCT,EAAAA,EAAM,oBAAoBM,EAAK,IAAMC,CAA6B,EAElE,MAAMG,EAAkBV,EAAM,YAC3BW,GAAoC,CACnCT,EAAO,QAAQ,CAAC,CAAE,SAAAU,EAAU,OAAAC,CAAO,IAAM,CACnC,OAAO,QAAQD,CAAQ,EAAE,MAAM,CAAC,CAACE,EAAKC,CAAK,IAAMJ,EAAEG,CAAG,IAAMC,CAAK,GACnEF,EAAO,CAAE,MAAOF,EAAG,SAAAC,CAAS,CAAC,CACjC,CAAC,EACDR,GAAA,MAAAA,EAAYO,CAAAA,CACd,EACA,CAACT,EAAQE,CAAS,CACpB,EAEA,OAAAJ,EAAM,UAAU,KACVG,GAAc,OAAO,iBAAiB,UAAWO,CAAe,EAE7D,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAe,CACvD,GACC,CAACP,EAAcO,CAAe,CAAC,EAKhCV,EAAA,cAHgBC,EAAUe,EAAO,MAGhC,CACC,UAAWb,EAAe,OAAaO,EACvC,IAAKF,EACJ,GAAGH,CAAAA,CACN,CAEJ,CAAC,EAEDN,EAAiB,YAAc,mBAE/B,MAAMkB,EAAkCC,EAAOC,EAAM,CACnD,KAAM,CACJ,cACA,mBACA,OACA,SACA,UACA,UACA,cACA,cACA,iBACA,eACA,aACA,UACF,CACF,CAAC,EAMYC,EACXC,GAEOrB,EAAA,cAACiB,EAAA,CAAgC,KAAK,KAAK,GAAG,MAAO,GAAGI,CAAO,CAAA,EAGxED,EAA0B,YAAc"}
+{"version":3,"file":"KeyboardShortcut.js","sources":["../../../src/components/keyboard-shortcut/KeyboardShortcut.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { Text } from '../text/Text'\n\ntype KeyboardEventWindowOrElement =\n  | KeyboardEvent\n  | React.KeyboardEvent<HTMLDivElement>\ntype ShortcutConfig = Partial<KeyboardEvent>\n\ntype KeyboardShortcutProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n  config: {\n    shortcut: ShortcutConfig\n    action: ({\n      event,\n      shortcut\n    }: {\n      event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>\n      shortcut: ShortcutConfig\n    }) => void\n  }[]\n  targetWindow?: boolean\n  onKeyDown?: (e: KeyboardEventWindowOrElement) => void\n}\n\nexport const KeyboardShortcut = React.forwardRef<\n  HTMLDivElement,\n  KeyboardShortcutProps\n>(({ asChild, config, targetWindow = false, onKeyDown, ...rest }, ref) => {\n  const [targetElRef, setTargetElRef] = useCallbackRefState()\n  React.useImperativeHandle(ref, () => targetElRef as HTMLDivElement)\n\n  const handleOnKeydown = React.useCallback(\n    (e: KeyboardEventWindowOrElement) => {\n      config.forEach(({ shortcut, action }) => {\n        if (Object.entries(shortcut).every(([key, value]) => e[key] === value))\n          action({ event: e, shortcut })\n      })\n      onKeyDown?.(e)\n    },\n    [config, onKeyDown]\n  )\n\n  React.useEffect(() => {\n    if (targetWindow) window.addEventListener('keydown', handleOnKeydown)\n\n    return () => {\n      window.removeEventListener('keydown', handleOnKeydown)\n    }\n  }, [targetWindow, handleOnKeydown])\n\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      onKeyDown={targetWindow ? undefined : (handleOnKeydown as any)}\n      ref={setTargetElRef}\n      {...rest}\n    />\n  )\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n\nconst StyledKeyboardShortcutIndicator = styled(Text, {\n  base: [\n    'bg-grey-100',\n    'text-text-subtle',\n    'px-2',\n    'py-0.5',\n    'min-w-6',\n    'min-h-6',\n    'font-normal',\n    'inline-flex',\n    'justify-center',\n    'items-center',\n    'rounded-md',\n    'shrink-0',\n    'capsize-none'\n  ]\n})\n\ntype KeyboardShortcutIndicatorProps = React.ComponentProps<\n  typeof StyledKeyboardShortcutIndicator\n>\n\nexport const KeyboardShortcutIndicator = (\n  props: KeyboardShortcutIndicatorProps\n) => {\n  return <StyledKeyboardShortcutIndicator size=\"sm\" as=\"kbd\" {...props} />\n}\n\nKeyboardShortcutIndicator.displayName = 'KeyboardShortcut'\n"],"names":["KeyboardShortcut","React","asChild","config","targetWindow","onKeyDown","rest","ref","targetElRef","setTargetElRef","useCallbackRefState","handleOnKeydown","e","shortcut","action","key","value","Slot","StyledKeyboardShortcutIndicator","styled","Text","KeyboardShortcutIndicator","props"],"mappings":"wOA6BaA,EAAmBC,EAAM,WAGpC,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,aAAAC,EAAe,GAAO,UAAAC,EAAW,GAAGC,CAAK,EAAGC,IAAQ,CACxE,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,EACtCT,EAAM,oBAAoBM,EAAK,IAAMC,CAA6B,EAElE,MAAMG,EAAkBV,EAAM,YAC3BW,GAAoC,CACnCT,EAAO,QAAQ,CAAC,CAAE,SAAAU,EAAU,OAAAC,CAAO,IAAM,CACnC,OAAO,QAAQD,CAAQ,EAAE,MAAM,CAAC,CAACE,EAAKC,CAAK,IAAMJ,EAAEG,CAAG,IAAMC,CAAK,GACnEF,EAAO,CAAE,MAAOF,EAAG,SAAAC,CAAS,CAAC,CACjC,CAAC,EACDR,GAAA,MAAAA,EAAYO,CAAAA,CACd,EACA,CAACT,EAAQE,CAAS,CACpB,EAEA,OAAAJ,EAAM,UAAU,KACVG,GAAc,OAAO,iBAAiB,UAAWO,CAAe,EAE7D,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAe,CACvD,GACC,CAACP,EAAcO,CAAe,CAAC,EAKhCV,EAAA,cAHgBC,EAAUe,EAAO,MAGhC,CACC,UAAWb,EAAe,OAAaO,EACvC,IAAKF,EACJ,GAAGH,CACN,CAAA,CAEJ,CAAC,EAEDN,EAAiB,YAAc,mBAE/B,MAAMkB,EAAkCC,EAAOC,EAAM,CACnD,KAAM,CACJ,cACA,mBACA,OACA,SACA,UACA,UACA,cACA,cACA,iBACA,eACA,aACA,WACA,cACF,CACF,CAAC,EAMYC,EACXC,GAEOrB,EAAA,cAACiB,EAAA,CAAgC,KAAK,KAAK,GAAG,MAAO,GAAGI,CAAO,CAAA,EAGxED,EAA0B,YAAc"}

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

@@ -17,7 +17,7 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
             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?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+            family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
         } & {
             as?: import("react").ElementType;
         }, "as"> & {

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { Override } from '../../utilities/types';
 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"> & {
+}, "appearance" | "size" | "type" | "direction" | "align"> & {
     size?: "sm" | "md" | undefined;
     type?: "inline" | "block" | undefined;
     align?: "start" | "center" | undefined;

package/dist/components/label/Label.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as m}from"../../styled.js";const d=m("label",{base:["text-grey-900","font-body","m-0"],variants:{size:{sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"]},type:{block:["block","font-semibold"],inline:["flex","font-normal","max-w-max"]},align:{start:[],center:[]},direction:{reverse:[],row:[]},appearance:{standard:[],modern:[]}},compoundVariants:[{type:"inline",align:"start",class:["items-start"]},{type:"inline",align:"center",class:["items-center"]},{type:"inline",direction:"reverse",class:["flex-row-reverse"]},{type:"inline",direction:"row",class:["flex-row"]},{type:"block",appearance:"modern",class:["font-normal"]}]}),a=({align:t="start",as:n="label",direction:r="row",size:i="md",type:l="block",children:s,required:o,...c})=>e.createElement(d,{as:n,size:i,type:l,align:t,direction:r,...c},s,o&&e.createElement("span",{className:"text-danger ml-1 font-normal","aria-hidden":!0},"*"));a.displayName="Label";export{a as Label};
+import*as e from"react";import{styled as m}from"../../styled.js";const d=m("label",{base:["text-grey-900","font-body"],variants:{size:{sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"]},type:{block:["block","font-semibold"],inline:["flex","font-normal","max-w-max"]},align:{start:[],center:[]},direction:{reverse:[],row:[]},appearance:{standard:[],modern:[]}},compoundVariants:[{type:"inline",align:"start",class:["items-start"]},{type:"inline",align:"center",class:["items-center"]},{type:"inline",direction:"reverse",class:["flex-row-reverse"]},{type:"inline",direction:"row",class:["flex-row"]},{type:"block",appearance:"modern",class:["font-normal"]}]}),a=({align:t="start",as:n="label",direction:r="row",size:i="md",type:l="block",children:s,required:o,...c})=>e.createElement(d,{as:n,size:i,type:l,align:t,direction:r,...c},s,o&&e.createElement("span",{className:"text-danger ml-1 font-normal","aria-hidden":!0},"*"));a.displayName="Label";export{a as Label};
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","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"],"names":["StyledLabel","styled","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"iEAKA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CAAC,gBAAiB,YAAa,KAAK,EAC1C,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,KAAM,CACJ,MAAO,CAAC,QAAS,eAAe,EAChC,OAAQ,CAAC,OAAQ,cAAe,WAAW,CAC7C,EACA,MAAO,CAAE,MAAO,CAAA,EAAI,OAAQ,CAAA,CAAG,EAC/B,UAAW,CAAE,QAAS,CAAI,EAAA,IAAK,EAAG,EAClC,WAAY,CAAE,SAAU,CAAA,EAAI,OAAQ,CAAG,CAAA,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,MAAO,CAAC,aAAa,CACvB,EACA,CACE,KAAM,SACN,MAAO,SACP,MAAO,CAAC,cAAc,CACxB,EACA,CACE,KAAM,SACN,UAAW,UACX,MAAO,CAAC,kBAAkB,CAC5B,EACA,CACE,KAAM,SACN,UAAW,MACX,MAAO,CAAC,UAAU,CACpB,EACA,CACE,KAAM,QACN,WAAY,SACZ,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAUYC,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACX,EAAA,CACC,GAAII,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAAAA,EAEHF,EACAC,GACCE,EAAA,cAAC,OAAK,CAAA,UAAU,+BAA+B,cAAW,EAAA,EAAC,GAE3D,CAEJ,EAGFT,EAAM,YAAc"}
+{"version":3,"file":"Label.js","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'],\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"],"names":["StyledLabel","styled","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"iEAKA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CAAC,gBAAiB,WAAW,EACnC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,KAAM,CACJ,MAAO,CAAC,QAAS,eAAe,EAChC,OAAQ,CAAC,OAAQ,cAAe,WAAW,CAC7C,EACA,MAAO,CAAE,MAAO,GAAI,OAAQ,CAAA,CAAG,EAC/B,UAAW,CAAE,QAAS,CAAI,EAAA,IAAK,CAAG,CAAA,EAClC,WAAY,CAAE,SAAU,CAAA,EAAI,OAAQ,CAAG,CAAA,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,MAAO,CAAC,aAAa,CACvB,EACA,CACE,KAAM,SACN,MAAO,SACP,MAAO,CAAC,cAAc,CACxB,EACA,CACE,KAAM,SACN,UAAW,UACX,MAAO,CAAC,kBAAkB,CAC5B,EACA,CACE,KAAM,SACN,UAAW,MACX,MAAO,CAAC,UAAU,CACpB,EACA,CACE,KAAM,QACN,WAAY,SACZ,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAUYC,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACX,EAAA,CACC,GAAII,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAAAA,EAEHF,EACAC,GACCE,EAAA,cAAC,OAAK,CAAA,UAAU,+BAA+B,cAAW,EAAA,EAAC,GAE3D,CAEJ,EAGFT,EAAM,YAAc"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { NavigatorActions } from '../../types';
-import { Override } from '../../utilities';
+import { NavigatorActions } from '../../types/navigatorActions.types';
+import { Override } from '../../utilities/types';
 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"> & {

package/dist/components/link/Link.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{styled as d}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";const i=d("a",{base:["bg-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:after:content-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:before:content-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:text-[100%]/none"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),n=t.forwardRef(({as:a,disabled:r,href:e,...o},s)=>t.createElement(i,{as:a||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...r&&{disabled:!0},...o,...l(e),ref:s}));n.displayName="Link";export{n as Link,i as StyledLink};
+import*as t from"react";import{styled as d}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";const n=d("a",{base:["bg-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:after:content-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:before:content-none","[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:text-[100%]/none"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["capsize-none"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),i=t.forwardRef(({as:a,disabled:r,href:e,...o},s)=>t.createElement(n,{as:a||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...r&&{disabled:!0},...o,...l(e),ref:s}));i.displayName="Link";export{i as Link,n as StyledLink};
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\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: ['before:hidden!', 'after:hidden!']\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"],"names":["StyledLink","styled","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"uIAOa,MAAAA,EAAaC,EACxB,IACA,CACE,KAAM,CACJ,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,yDACA,0DACA,sDACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACH,EACC,CAAA,GAAII,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CAAAA,CACP,CAEJ,EAEAN,EAAK,YAAc"}
+{"version":3,"file":"Link.js","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"],"names":["StyledLink","styled","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"uIAOa,MAAAA,EAAaC,EACxB,IACA,CACE,KAAM,CACJ,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,yDACA,0DACA,sDACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,cAAc,CACvB,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACH,EACC,CAAA,GAAII,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CAAAA,CACP,CAEJ,EAEAN,EAAK,YAAc"}

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

@@ -6,7 +6,7 @@ export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<React.D
 }>;
 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"> & {
+}, "size" | "theme" | "noCapsize" | "ordered"> & {
     size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     noCapsize?: boolean | undefined;
     ordered?: boolean | undefined;

package/dist/components/list/List.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{styled as t}from"../../styled.js";const l=t("li",{base:["last:mb-0","not-last:mb-2"]}),s=t("ul",{base:["list-inside","font-body"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},ordered:{true:["pl-4","list-decimal","[&_>_li]:pl-1","[&_>_li::marker]:font-medium","[&_>_li::marker]:text-sm"],false:["pl-3","list-disc","[&_>_li]:pl-2"]},theme:{primary:["marker:text-primary-800"]}}}),a=i.forwardRef(({size:r="md",noCapsize:d=!0,ordered:e=!1,...m},o)=>i.createElement(s,{ref:o,as:e?"ol":"ul",ordered:e,size:r,noCapsize:d,...m}));a.Item=l;export{a as List,l as StyledLi,s as StyledList};
+import*as i from"react";import{styled as t}from"../../styled.js";const s=t("li",{base:["last:mb-0","not-last:mb-2"]}),l=t("ul",{base:["list-inside","font-body"],variants:{size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["capsize-none"]},ordered:{true:["pl-4","list-decimal","[&_>_li]:pl-1","[&_>_li::marker]:font-medium","[&_>_li::marker]:text-sm"],false:["pl-3","list-disc","[&_>_li]:pl-2"]},theme:{primary:["marker:text-primary-800"]}}}),a=i.forwardRef(({size:r="md",noCapsize:m=!0,ordered:e=!1,...d},o)=>i.createElement(l,{ref:o,as:e?"ol":"ul",ordered:e,size:r,noCapsize:m,...d}));a.Item=s;export{a as List,s as StyledLi,l as StyledList};
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","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: ['before:hidden!', 'after:hidden!']\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"],"names":["StyledLi","styled","StyledList","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"iEAIa,MAAAA,EAAWC,EAAO,KAAM,CACnC,KAAM,CAAC,YAAa,eAAe,CACrC,CAAC,EAEYC,EAAaD,EAAO,KAAM,CACrC,KAAM,CAAC,cAAe,WAAW,EACjC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,QAAS,CACP,KAAM,CACJ,OACA,eACA,gBACA,+BACA,0BACF,EACA,MAAO,CAAC,OAAQ,YAAa,eAAe,CAC9C,EACA,MAAO,CACL,QAAS,CAAC,yBAAyB,CACrC,CACF,CACF,CAAC,EAYYE,EAAOC,EAAM,WACxB,CACE,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,EAAU,GAAO,GAAGC,CAAe,EACpEC,IAEAL,EAAA,cAACF,EACC,CAAA,IAAKO,EACL,GAAIF,EAAU,KAAO,KACrB,QAASA,EACT,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOH"}
+{"version":3,"file":"List.js","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"],"names":["StyledLi","styled","StyledList","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"iEAIa,MAAAA,EAAWC,EAAO,KAAM,CACnC,KAAM,CAAC,YAAa,eAAe,CACrC,CAAC,EAEYC,EAAaD,EAAO,KAAM,CACrC,KAAM,CAAC,cAAe,WAAW,EACjC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,cAAc,CACvB,EACA,QAAS,CACP,KAAM,CACJ,OACA,eACA,gBACA,+BACA,0BACF,EACA,MAAO,CAAC,OAAQ,YAAa,eAAe,CAC9C,EACA,MAAO,CACL,QAAS,CAAC,yBAAyB,CACrC,CACF,CACF,CAAC,EAYYE,EAAOC,EAAM,WACxB,CACE,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,EAAU,GAAO,GAAGC,CAAe,EACpEC,IAEAL,EAAA,cAACF,EACC,CAAA,IAAKO,EACL,GAAIF,EAAU,KAAO,KACrB,QAASA,EACT,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOH"}

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Flex } from '../../components/flex';
-type LoaderProps = React.ComponentProps<typeof Flex> & {
+type LoaderProps = React.ComponentProps<'div'> & {
     message?: string;
     size?: 'sm' | 'md' | 'lg';
 };

package/dist/components/loader/Loader.js

@@ -1,2 +1,2 @@
-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};
+import*as n from"@radix-ui/react-visually-hidden";import r from"clsx";import*as e from"react";import{styled as o}from"../../styled.js";const a=o("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]"]}}}),l=({className:m,message:s="Loading",size:t="md",...i})=>e.createElement("div",{className:r("flex","justify-center",m),role:"alert",...i},e.createElement(n.Root,null,s),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{l 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-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<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,EACA,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 { 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  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={clsx('flex', 'justify-center', className)}\n    role=\"alert\"\n    {...props}\n  >\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </div>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","clsx","VisuallyHidden"],"mappings":"uIAMA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,eACA,yBACA,4BACA,2BACF,EACA,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,cAAC,MACC,CAAA,UAAWC,EAAK,OAAQ,iBAAkBL,CAAS,EACnD,KAAK,QACJ,GAAGG,CAAAA,EAEJC,EAAA,cAACE,EAAe,KAAf,KAAqBL,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,15 +1,7 @@
 import * as React from 'react';
 type HandleNode = (node: any) => JSX.Element | null;
-declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const StyledMarkdownContent: React.ForwardRefExoticComponent<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;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    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;
 }, never> & {
     as?: React.ElementType;
 }>;

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

@@ -1,2 +1,2 @@
-import d from"mdast-util-directive";import c from"mdast-util-from-markdown";import l from"micromark-extension-directive";import*as p from"react";import{styled as f}from"../../styled.js";import{Flex as w}from"../flex/Flex.js";import{MarkdownCode as k}from"./components/MarkdownCode.js";import{MarkdownEmphasis as h}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as M}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as x}from"./components/MarkdownInlineCode.js";import{MarkdownImage as u}from"./components/MarkdownImage.js";import{MarkdownLink as g}from"./components/MarkdownLink.js";import{MarkdownList as $}from"./components/MarkdownList.js";import{MarkdownListItem as y}from"./components/MarkdownListItem.js";import{MarkdownParagraph as C}from"./components/MarkdownParagraph.js";import{MarkdownStrong as E}from"./components/MarkdownStrong.js";import{MarkdownText as I}from"./components/MarkdownText.js";import{MarkdownThematicBreak as N}from"./components/MarkdownThematicBreak.js";const L=f(w,{base:["[&>h1]:max-w-[65ch]","[&>h2]:max-w-[65ch]","[&>h3]:max-w-[65ch]","[&>h4]:max-w-[65ch]","[&>p]:max-w-[75ch]","[&>ul]:max-w-[75ch]"]}),B={code:k,emphasis:h,heading:M,inlineCode:x,image:u,link:g,list:$,listItem:y,paragraph:C,strong:E,text:I,thematicBreak:N},H=o=>{var r;if((r=o.position)!=null&&r.start){const{line:t,column:m,offset:e}=o.position.start;return`${o.type}${t}${m}${e}`}return`${o.type}${+new Date}`},s=({content:o,customComponents:r={},className:t})=>{const m=c(o,{extensions:[l()],mdastExtensions:[d.fromMarkdown]}),e={...B,...r},n=a=>{const i=e[a.type];return i?p.createElement(i,{key:H(a),node:a,handleNode:n}):null};return p.createElement(L,{direction:"column",gap:5,className:t},m.children.map(n))};s.displayName="MarkdownContent";export{s as MarkdownContent};
+import d from"mdast-util-directive";import l from"mdast-util-from-markdown";import c from"micromark-extension-directive";import*as s from"react";import{styled as f}from"../../styled.js";import{MarkdownCode as w}from"./components/MarkdownCode.js";import{MarkdownEmphasis as k}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as h}from"./components/MarkdownHeading.js";import{MarkdownImage as M}from"./components/MarkdownImage.js";import{MarkdownInlineCode as x}from"./components/MarkdownInlineCode.js";import{MarkdownLink as g}from"./components/MarkdownLink.js";import{MarkdownList as u}from"./components/MarkdownList.js";import{MarkdownListItem as $}from"./components/MarkdownListItem.js";import{MarkdownParagraph as y}from"./components/MarkdownParagraph.js";import{MarkdownStrong as C}from"./components/MarkdownStrong.js";import{MarkdownText as E}from"./components/MarkdownText.js";import{MarkdownThematicBreak as I}from"./components/MarkdownThematicBreak.js";const N=f("div",{base:["flex","flex-col","gap-8","[&>h1]:max-w-[65ch]","[&>h2]:max-w-[65ch]","[&>h3]:max-w-[65ch]","[&>h4]:max-w-[65ch]","[&>p]:max-w-[75ch]","[&>ul]:max-w-[75ch]"]}),L={code:w,emphasis:k,heading:h,inlineCode:x,image:M,link:g,list:u,listItem:$,paragraph:y,strong:C,text:E,thematicBreak:I},v=o=>{var r;if((r=o.position)!=null&&r.start){const{line:t,column:e,offset:m}=o.position.start;return`${o.type}${t}${e}${m}`}return`${o.type}${+new Date}`},p=({content:o,customComponents:r={},className:t})=>{const e=l(o,{extensions:[c()],mdastExtensions:[d.fromMarkdown]}),m={...L,...r},a=n=>{const i=m[n.type];return i?s.createElement(i,{key:v(n),node:n,handleNode:a}):null};return s.createElement(N,{className:t},e.children.map(a))};p.displayName="MarkdownContent";export{p as MarkdownContent};
 //# sourceMappingURL=MarkdownContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContent.js","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 { Flex } from '../flex/Flex'\nimport {\n  MarkdownCode,\n  MarkdownEmphasis,\n  MarkdownHeading,\n  MarkdownImage,\n  MarkdownInlineCode,\n  MarkdownLink,\n  MarkdownList,\n  MarkdownListItem,\n  MarkdownParagraph,\n  MarkdownStrong,\n  MarkdownText,\n  MarkdownThematicBreak\n} from './components'\n\ntype HandleNode = (node) => JSX.Element | null\n\nconst StyledMarkdownContent = styled(Flex, {\n  base: [\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: { node: any; handleNode: HandleNode }) => 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 direction=\"column\" gap={5} className={className}>\n      {AST.children.map(handleNode)}\n    </StyledMarkdownContent>\n  )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"names":["StyledMarkdownContent","styled","Flex","defaultComponentsMap","MarkdownCode","MarkdownEmphasis","MarkdownHeading","MarkdownInlineCode","MarkdownImage","MarkdownLink","MarkdownList","MarkdownListItem","MarkdownParagraph","MarkdownStrong","MarkdownText","MarkdownThematicBreak","generateNodeKey","node","_a","line","column","offset","MarkdownContent","content","customComponents","className","AST","fromMarkdown","syntax","directive","componentsMap","handleNode","MarkdownComponent","React"],"mappings":"q/BAyBA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CACJ,sBACA,sBACA,sBACA,sBACA,qBACA,qBACF,CACF,CAAC,EAWKC,EAAuB,CAC3B,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,WAAYC,EACZ,MAAOC,EACP,KAAMC,EACN,KAAMC,EACN,SAAUC,EACV,UAAWC,EACX,OAAQC,EACR,KAAMC,EACN,cAAeC,CACjB,EAEMC,EAAmBC,GAAS,CA5DlC,IAAAC,EA6DE,IAAIA,EAAAD,EAAK,WAAL,MAAAC,EAAe,MAAO,CACxB,KAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,CAAO,EAAIJ,EAAK,SAAS,MAC/C,MAAO,GAAGA,EAAK,IAAI,GAAGE,CAAI,GAAGC,CAAM,GAAGC,CAAM,EAC9C,CAEA,MAAO,GAAGJ,EAAK,IAAI,GAAG,CAAC,IAAI,IAAM,EACnC,EAEaK,EAAkB,CAAC,CAC9B,QAAAC,EACA,iBAAAC,EAAmB,CACnB,EAAA,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAMC,EAAaJ,EAAS,CAChC,WAAY,CAACK,GAAQ,EACrB,gBAAiB,CAACC,EAAU,YAAY,CAC1C,CAAC,EAEKC,EAAgB,CACpB,GAAG3B,EACH,GAAGqB,CACL,EAEMO,EAA0Bd,GAAS,CACvC,MAAMe,EAAoBF,EAAcb,EAAK,IAAI,EAEjD,OAAOe,EACLC,EAAA,cAACD,EAAA,CACC,IAAKhB,EAAgBC,CAAI,EACzB,KAAMA,EACN,WAAYc,CACd,CAAA,EACE,IACN,EAEA,OACEE,EAAA,cAACjC,EAAA,CAAsB,UAAU,SAAS,IAAK,EAAG,UAAWyB,CAC1DC,EAAAA,EAAI,SAAS,IAAIK,CAAU,CAC9B,CAEJ,EAEAT,EAAgB,YAAc"}
+{"version":3,"file":"MarkdownContent.js","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) => 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: { node: any; handleNode: HandleNode }) => 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"],"names":["StyledMarkdownContent","styled","defaultComponentsMap","MarkdownCode","MarkdownEmphasis","MarkdownHeading","MarkdownInlineCode","MarkdownImage","MarkdownLink","MarkdownList","MarkdownListItem","MarkdownParagraph","MarkdownStrong","MarkdownText","MarkdownThematicBreak","generateNodeKey","node","_a","line","column","offset","MarkdownContent","content","customComponents","className","AST","fromMarkdown","syntax","directive","componentsMap","handleNode","MarkdownComponent","React"],"mappings":"88BAsBA,MAAMA,EAAwBC,EAAO,MAAO,CAC1C,KAAM,CACJ,OACA,WACA,QACA,sBACA,sBACA,sBACA,sBACA,qBACA,qBACF,CACF,CAAC,EAWKC,EAAuB,CAC3B,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,WAAYC,EACZ,MAAOC,EACP,KAAMC,EACN,KAAMC,EACN,SAAUC,EACV,UAAWC,EACX,OAAQC,EACR,KAAMC,EACN,cAAeC,CACjB,EAEMC,EAAmBC,GAAS,CA5DlC,IAAAC,EA6DE,IAAIA,EAAAD,EAAK,WAAL,MAAAC,EAAe,MAAO,CACxB,KAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,CAAO,EAAIJ,EAAK,SAAS,MAC/C,MAAO,GAAGA,EAAK,IAAI,GAAGE,CAAI,GAAGC,CAAM,GAAGC,CAAM,EAC9C,CAEA,MAAO,GAAGJ,EAAK,IAAI,GAAG,CAAC,IAAI,IAAM,EACnC,EAEaK,EAAkB,CAAC,CAC9B,QAAAC,EACA,iBAAAC,EAAmB,CACnB,EAAA,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAMC,EAAaJ,EAAS,CAChC,WAAY,CAACK,EAAQ,CAAA,EACrB,gBAAiB,CAACC,EAAU,YAAY,CAC1C,CAAC,EAEKC,EAAgB,CACpB,GAAG3B,EACH,GAAGqB,CACL,EAEMO,EAA0Bd,GAAS,CACvC,MAAMe,EAAoBF,EAAcb,EAAK,IAAI,EAEjD,OAAOe,EACLC,EAAA,cAACD,EAAA,CACC,IAAKhB,EAAgBC,CAAI,EACzB,KAAMA,EACN,WAAYc,CACd,CAAA,EACE,IACN,EAEA,OACEE,EAAA,cAAChC,EAAA,CAAsB,UAAWwB,CAAAA,EAC/BC,EAAI,SAAS,IAAIK,CAAU,CAC9B,CAEJ,EAEAT,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownLink.js","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'\n\ntype MarkdownLinkProps = {\n  node: LinkType\n  handleNode: (node: Content) => React.ReactElement\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"],"names":["MarkdownLink","node","handleNode","_a","React","Link"],"mappings":"kEAUa,MAAAA,EAAe,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAsB,CAVtE,IAAAC,EAWE,OAAAC,EAAA,cAACC,EAAA,CAAK,MAAOJ,EAAK,OAAS,OAAW,KAAMA,EAAK,GAAA,GAC9CE,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}
+{"version":3,"file":"MarkdownLink.js","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\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"],"names":["MarkdownLink","node","handleNode","_a","React","Link"],"mappings":"kEAUa,MAAAA,EAAe,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAsB,CAVtE,IAAAC,EAWE,OAAAC,EAAA,cAACC,EAAA,CAAK,MAAOJ,EAAK,OAAS,OAAW,KAAMA,EAAK,GAAA,GAC9CE,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownList.js","sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement\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={clsx(\n      '[&_p]:inline',\n      '[&_p]:before:hidden',\n      '[&_p]:after:hidden',\n      className\n    )}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"names":["MarkdownList","node","handleNode","className","_a","React","List","clsx"],"mappings":"sFAYO,MAAMA,EAAe,CAAC,CAC3B,KAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAAsB,CAhBtB,IAAAC,EAiBE,OAAAC,EAAA,cAACC,EAAA,CACC,QAASL,EAAK,SAAW,OACzB,UAAWM,EACT,eACA,sBACA,qBACAJ,CACF,CAECC,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}
+{"version":3,"file":"MarkdownList.js","sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement\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={clsx(\n      '[&_p]:inline',\n      '[&_p]:before:hidden',\n      '[&_p]:after:hidden',\n      className\n    )}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"names":["MarkdownList","node","handleNode","className","_a","React","List","clsx"],"mappings":"sFAYO,MAAMA,EAAe,CAAC,CAC3B,KAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAAsB,CAhBtB,IAAAC,EAiBE,OAAAC,EAAA,cAACC,EAAA,CACC,QAASL,EAAK,SAAW,OACzB,UAAWM,EACT,eACA,sBACA,qBACAJ,CACF,CAECC,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownListItem.js","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'\n\ntype MarkdownListItemProps = {\n  node: ListItem\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownListItem = ({\n  node,\n  handleNode\n}: MarkdownListItemProps) => (\n  <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"names":["MarkdownListItem","node","handleNode","_a","React","List"],"mappings":"kEAUa,MAAAA,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAb1B,IAAAC,EAcE,OAAAC,EAAA,cAACC,EAAK,KAAL,MAAWF,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}
+{"version":3,"file":"MarkdownListItem.js","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\n}\n\nexport const MarkdownListItem = ({\n  node,\n  handleNode\n}: MarkdownListItemProps) => (\n  <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"names":["MarkdownListItem","node","handleNode","_a","React","List"],"mappings":"kEAUa,MAAAA,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAb1B,IAAAC,EAcE,OAAAC,EAAA,cAACC,EAAK,KAAL,MAAWF,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownParagraph.js","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'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAoB,CAAC,CAChC,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2B,CAd3B,IAAAC,EAeE,OAAAC,EAAA,cAACC,EAAA,CAAM,GAAGH,CAAAA,GAAOC,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAY,CAAA,CAAA"}
+{"version":3,"file":"MarkdownParagraph.js","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\n}\n\nexport const MarkdownParagraph = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAoB,CAAC,CAChC,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2B,CAd3B,IAAAC,EAeE,OAAAC,EAAA,cAACC,EAAA,CAAM,GAAGH,CAAAA,GAAOC,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAY,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownThematicBreak.js","sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Divider } from '../../divider'\n\ntype MarkdownThematicBreakProps = {\n  className?: string\n}\n\nexport const MarkdownThematicBreak = ({\n  className\n}: MarkdownThematicBreakProps) => (\n  <Divider className={clsx('w-full', className)} />\n)\n"],"names":["MarkdownThematicBreak","className","React","Divider","clsx"],"mappings":"+FASO,MAAMA,EAAwB,CAAC,CACpC,UAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAQ,UAAWC,EAAK,SAAUH,CAAS,CAAG,CAAA"}
+{"version":3,"file":"MarkdownThematicBreak.js","sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Divider } from '../../divider/Divider'\n\ntype MarkdownThematicBreakProps = {\n  className?: string\n}\n\nexport const MarkdownThematicBreak = ({\n  className\n}: MarkdownThematicBreakProps) => (\n  <Divider className={clsx('w-full', className)} />\n)\n"],"names":["MarkdownThematicBreak","className","React","Divider","clsx"],"mappings":"+FASO,MAAMA,EAAwB,CAAC,CACpC,UAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAQ,UAAWC,EAAK,SAAUH,CAAS,CAAG,CAAA"}

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

@@ -51,7 +51,7 @@ export declare const NavigationMenu: {
         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?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
     } & {
         as?: React.ElementType;
     }, "as"> & {

package/dist/components/navigation/NavigationMenu.js

@@ -1,2 +1,2 @@
-import*as i from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as o}from"../../styled.js";import{colorSchemes as y}from"./NavigationMenu.colorscheme.config.js";import{NavigationMenuContext as D}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as M}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as b}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as x,NavigationMenuDropdownItemTitle as E}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as C}from"./NavigationMenuLink.js";const I=o(i.Root,{base:["flex","justify-center","relative"]}),L=o(i.List,{base:["flex","justify-center","items-center","gap-1","list-none"]}),j=o(i.Viewport,{base:["z-2147483647"]}),S=o("div",{base:["absolute","left-0","top-full","w-full","flex","justify-center"]}),m=({children:s,className:u,...p})=>{const[d,l]=e.useState(),[n,c]=e.useState(),[r,g]=e.useState(0),a=e.useRef(null);e.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[e.Children.toArray(s).length]),e.useEffect(()=>{let t;return n===""&&(t=setTimeout(()=>l(null),200)),()=>{t!==null&&clearTimeout(t)}},[n]);const v=(t,w)=>{if(t&&r&&n===w){const N=r/2,h=r-t.offsetLeft-t.offsetWidth+t.offsetWidth/2;l(Math.round(N-h))}return t};return e.createElement(D.Provider,{value:{onNodeUpdate:v}},e.createElement(I,{className:f(u),style:y.light,onValueChange:c,...p},e.createElement(L,{ref:a},s),e.createElement(S,null,e.createElement(j,{style:{"--navigation-menu-viewport-offset":`${d||0}px`},className:f(["data-[state=open]:animate-fade-in","data-[state=closed]:animate-fade-out","translate-x-(--navigation-menu-viewport-offset)"])}))))},V=Object.assign(m,{Link:C,Dropdown:M,DropdownContent:b,DropdownItem:x,DropdownItemTitle:E,DropdownTrigger:T});m.displayName="NavigationMenu";export{V as NavigationMenu};
+import*as i from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as o}from"../../styled.js";import{colorSchemes as y}from"./NavigationMenu.colorscheme.config.js";import{NavigationMenuContext as D}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as M}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as b}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as x,NavigationMenuDropdownItemTitle as E}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as C}from"./NavigationMenuLink.js";const I=o(i.Root,{base:["flex","justify-center","relative"]}),L=o(i.List,{base:["flex","justify-center","items-center","gap-1"]}),j=o(i.Viewport,{base:["z-2147483647"]}),S=o("div",{base:["absolute","left-0","top-full","w-full","flex","justify-center"]}),m=({children:s,className:u,...p})=>{const[d,l]=e.useState(),[n,c]=e.useState(),[r,g]=e.useState(0),a=e.useRef(null);e.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[e.Children.toArray(s).length]),e.useEffect(()=>{let t;return n===""&&(t=setTimeout(()=>l(null),200)),()=>{t!==null&&clearTimeout(t)}},[n]);const v=(t,w)=>{if(t&&r&&n===w){const N=r/2,h=r-t.offsetLeft-t.offsetWidth+t.offsetWidth/2;l(Math.round(N-h))}return t};return e.createElement(D.Provider,{value:{onNodeUpdate:v}},e.createElement(I,{className:f(u),style:y.light,onValueChange:c,...p},e.createElement(L,{ref:a},s),e.createElement(S,null,e.createElement(j,{style:{"--navigation-menu-viewport-offset":`${d||0}px`},className:f(["data-[state=open]:animate-fade-in","data-[state=closed]:animate-fade-out","translate-x-(--navigation-menu-viewport-offset)"])}))))},V=Object.assign(m,{Link:C,Dropdown:M,DropdownContent:b,DropdownItem:x,DropdownItemTitle:E,DropdownTrigger:T});m.displayName="NavigationMenu";export{V as NavigationMenu};
 //# sourceMappingURL=NavigationMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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={clsx(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={clsx([\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"],"names":["StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","ViewportPosition","NavigationMenuComponent","children","className","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","clsx","navigationMenuColorSchemes","NavigationMenu","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"uqBAiBA,MAAMA,EAAaC,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,UAAU,CAC7C,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,eAAgB,QAAS,WAAW,CACvE,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,KAAM,CAAC,cAAc,CACvB,CAAC,EAEKG,EAAmBJ,EAAO,MAAO,CACrC,KAAM,CAAC,WAAY,SAAU,WAAY,SAAU,OAAQ,gBAAgB,CAC7E,CAAC,EAEKK,EAA0B,CAAC,CAC/B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,WAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAA6B,EACjE,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAEnDA,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAACL,EAAM,SAAS,QAAQL,CAAQ,EAAE,MAAM,CAAC,EAE5CK,EAAM,UAAU,IAAM,CACpB,IAAIM,EAIJ,OAAIL,IAAe,KACjBK,EAAQ,WAAW,IAAMP,EAAU,IAAI,EAAG,GAAG,GAGxC,IAAM,CACPO,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACL,CAAU,CAAC,EAGf,MAAMM,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWL,GAAaF,IAAeQ,EAAW,CACpD,MAAMC,EAAaP,EAAY,EAEzBQ,EACJR,EACAK,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBT,EAAU,KAAK,MAAMW,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACER,EAAA,cAACY,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDP,EAAAA,EAAA,cAACZ,EAAA,CACC,UAAWyB,EAAKjB,CAAS,EACzB,MAAOkB,EAA2B,MAClC,cAAeZ,EACd,GAAGL,CAEJG,EAAAA,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAAA,EAAUV,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACR,EAAA,CACC,MAAO,CAAE,oCAAqC,GAAGM,GAAU,CAAC,IAAK,EACjE,UAAWe,EAAK,CACd,oCACA,uCACA,iDACF,CAAC,CAAA,CACH,CACF,CACF,CACF,CAEJ,EAEaE,EAAiB,OAAO,OAAOrB,EAAyB,CACnE,KAAMsB,EACN,SAAUC,EACV,gBAAiBC,EACjB,aAAcC,EACd,kBAAmBC,EACnB,gBAAiBC,CACnB,CAAC,EAED3B,EAAwB,YAAc"}
+{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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']\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={clsx(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={clsx([\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"],"names":["StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","ViewportPosition","NavigationMenuComponent","children","className","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","clsx","navigationMenuColorSchemes","NavigationMenu","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"uqBAiBA,MAAMA,EAAaC,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,UAAU,CAC7C,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,eAAgB,OAAO,CAC1D,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,KAAM,CAAC,cAAc,CACvB,CAAC,EAEKG,EAAmBJ,EAAO,MAAO,CACrC,KAAM,CAAC,WAAY,SAAU,WAAY,SAAU,OAAQ,gBAAgB,CAC7E,CAAC,EAEKK,EAA0B,CAAC,CAC/B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAA,EAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SACpC,EAAA,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAEnDA,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAACL,EAAM,SAAS,QAAQL,CAAQ,EAAE,MAAM,CAAC,EAE5CK,EAAM,UAAU,IAAM,CACpB,IAAIM,EAIJ,OAAIL,IAAe,KACjBK,EAAQ,WAAW,IAAMP,EAAU,IAAI,EAAG,GAAG,GAGxC,IAAM,CACPO,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACL,CAAU,CAAC,EAGf,MAAMM,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWL,GAAaF,IAAeQ,EAAW,CACpD,MAAMC,EAAaP,EAAY,EAEzBQ,EACJR,EACAK,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBT,EAAU,KAAK,MAAMW,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACER,EAAA,cAACY,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDP,EAAAA,EAAA,cAACZ,EAAA,CACC,UAAWyB,EAAKjB,CAAS,EACzB,MAAOkB,EAA2B,MAClC,cAAeZ,EACd,GAAGL,CAEJG,EAAAA,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAAA,EAAUV,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACR,EAAA,CACC,MAAO,CAAE,oCAAqC,GAAGM,GAAU,CAAC,IAAK,EACjE,UAAWe,EAAK,CACd,oCACA,uCACA,iDACF,CAAC,CAAA,CACH,CACF,CACF,CACF,CAEJ,EAEaE,EAAiB,OAAO,OAAOrB,EAAyB,CACnE,KAAMsB,EACN,SAAUC,EACV,gBAAiBC,EACjB,aAAcC,EACd,kBAAmBC,EACnB,gBAAiBC,CACnB,CAAC,EAED3B,EAAwB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownContent.js","sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  base: ['p-3', 'bg-(--dropdown-background)', 'mt-1', 'shadow-md', 'rounded-md']\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent = ({\n  children,\n  ...rest\n}: NavigationMenuDropdownContentProps) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <ul>{children}</ul>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledContent","styled","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"qLAMA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CAAC,MAAO,6BAA8B,OAAQ,YAAa,YAAY,CAC/E,CAAC,EAMYC,EAAgC,CAAC,CAC5C,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACN,EAAA,CACC,cAAeO,EACf,eAAgBA,EACf,GAAGF,CAEJC,EAAAA,EAAA,cAAC,KAAA,KAAIF,CAAS,CAChB,EAGFD,EAA8B,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownContent.js","sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  base: ['p-3', 'bg-(--dropdown-background)', 'mt-1', 'shadow-md', 'rounded-md']\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent = ({\n  children,\n  ...rest\n}: NavigationMenuDropdownContentProps) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <ul>{children}</ul>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledContent","styled","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"qLAMA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CAAC,MAAO,6BAA8B,OAAQ,YAAa,YAAY,CAC/E,CAAC,EAMYC,EAAgC,CAAC,CAC5C,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACN,EAAA,CACC,cAAeO,EACf,eAAgBA,EACf,GAAGF,CAEJC,EAAAA,EAAA,cAAC,KAAA,KAAIF,CAAS,CAChB,EAGFD,EAA8B,YAAc"}

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

@@ -17,7 +17,7 @@ export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComp
     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?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "as"> & {

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownItem.js","sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>\n>((props, forwardedRef) => {\n  return (\n    <NavigationMenuLink ref={forwardedRef} variant=\"dropdownItem\" {...props} />\n  )\n})\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  base: ['text-grey-900', 'font-semibold']\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"wKAOaA,EAA6BC,EAAM,WAG9C,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,EAAO,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,KAAM,CAAC,gBAAiB,eAAe,CACzC,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownItem.js","sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>\n>((props, forwardedRef) => {\n  return (\n    <NavigationMenuLink ref={forwardedRef} variant=\"dropdownItem\" {...props} />\n  )\n})\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  base: ['text-grey-900', 'font-semibold']\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"wKAOaA,EAA6BC,EAAM,WAG9C,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,EAAO,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,KAAM,CAAC,gBAAiB,eAAe,CACzC,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as m}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as p}from"../../styled.js";import{Icon as v}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as g}from"./NavigationMenu.styles.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";const c=p(s.Trigger,{base:[...d,"flex","items-center","rounded-md","justify-between","data-[state=open]:bg-(--trigger-background-open)"],variants:{active:{true:g}}}),o=e.forwardRef(({children:r,active:n,...i},a)=>e.createElement(c,{active:n,...i,ref:a,onPointerMove:t,onPointerLeave:t},r,e.createElement(v,{is:m,size:"sm",className:f("ml-1","in-data-[state=open]:-rotate-180","motion-safe:duration-200","motion-safe:ease-in","motion-safe:transition-transform")})));o.displayName="NavigationMenuDropdownTrigger";export{o as NavigationMenuDropdownTrigger};
+import{ChevronDown as m}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as p}from"../../styled.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";import{Icon as v}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as g}from"./NavigationMenu.styles.js";const c=p(s.Trigger,{base:[...d,"flex","items-center","rounded-md","justify-between","data-[state=open]:bg-(--trigger-background-open)"],variants:{active:{true:g}}}),o=e.forwardRef(({children:r,active:n,...i},a)=>e.createElement(c,{active:n,...i,ref:a,onPointerMove:t,onPointerLeave:t},r,e.createElement(v,{is:m,size:"sm",className:f("ml-1","in-data-[state=open]:-rotate-180","motion-safe:duration-200","motion-safe:ease-in","motion-safe:transition-transform")})));o.displayName="NavigationMenuDropdownTrigger";export{o as NavigationMenuDropdownTrigger};
 //# sourceMappingURL=NavigationMenuDropdownTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'flex',\n    'items-center',\n    'rounded-md',\n    'justify-between',\n    'data-[state=open]:bg-(--trigger-background-open)'\n  ],\n  variants: {\n    active: {\n      true: navigationMenuActiveItemStyles\n    }\n  }\n})\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledTrigger>\n>(({ children, active, ...props }, forwardedRef) => (\n  <StyledTrigger\n    active={active}\n    {...props}\n    ref={forwardedRef}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      size=\"sm\"\n      className={clsx(\n        'ml-1',\n        'in-data-[state=open]:-rotate-180',\n        'motion-safe:duration-200',\n        'motion-safe:ease-in',\n        'motion-safe:transition-transform'\n      )}\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown","clsx"],"mappings":"iZAcA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CACJ,GAAGC,EACH,OACA,eACA,aACA,kBACA,kDACF,EACA,SAAU,CACR,OAAQ,CACN,KAAMC,CACR,CACF,CACF,CAAC,EAEYC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,KAAK,KACL,UAAWC,EACT,OACA,mCACA,2BACA,sBACA,kCACF,EACF,CACF,CACD,EAEDT,EAA8B,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\n\nimport { Icon } from '../icon/Icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'flex',\n    'items-center',\n    'rounded-md',\n    'justify-between',\n    'data-[state=open]:bg-(--trigger-background-open)'\n  ],\n  variants: {\n    active: {\n      true: navigationMenuActiveItemStyles\n    }\n  }\n})\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledTrigger>\n>(({ children, active, ...props }, forwardedRef) => (\n  <StyledTrigger\n    active={active}\n    {...props}\n    ref={forwardedRef}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      size=\"sm\"\n      className={clsx(\n        'ml-1',\n        'in-data-[state=open]:-rotate-180',\n        'motion-safe:duration-200',\n        'motion-safe:ease-in',\n        'motion-safe:transition-transform'\n      )}\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown","clsx"],"mappings":"iZAcA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CACJ,GAAGC,EACH,OACA,eACA,aACA,kBACA,kDACF,EACA,SAAU,CACR,OAAQ,CACN,KAAMC,CACR,CACF,CACF,CAAC,EAEYC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,KAAK,KACL,UAAWC,EACT,OACA,mCACA,2BACA,sBACA,kCACF,EACF,CACF,CACD,EAEDT,EAA8B,YAAc"}