@atom-learning/components 6.4.2 → 6.5.0

package/dist/components/inline-message/InlineMessage.js

@@ -1,2 +1,32 @@
-import*as e from"react";import{Icon as o}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as c}from"../../styled.js";import{INLINE_MESSAGE_ICONS as l}from"./InlineMessage.config.js";const x=c("div",{base:["flex"],variants:{theme:{success:["text-success"],warning:["[&_svg]:text-warning-dark","text-warning-text"],info:["text-info"],neutral:["text-grey-800"],error:["text-danger"]}}}),f=({className:s,showIcon:r=!0,theme:t="error",size:a="sm",children:m,...n})=>e.createElement(x,{theme:t,className:s,...n},r&&e.createElement(o,{size:"sm",is:l[t],className:"mr-2"}),e.createElement(i,{as:"span",size:a,className:"translate-y-0.5"},m));export{f as InlineMessage};
-//# sourceMappingURL=InlineMessage.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { Text as n } from "../text/Text.js";
+import { INLINE_MESSAGE_ICONS as r } from "./InlineMessage.config.js";
+import * as i from "react";
+//#region src/components/inline-message/InlineMessage.tsx
+var a = e("div", {
+	base: ["flex"],
+	variants: { theme: {
+		success: ["text-success"],
+		warning: ["[&_svg]:text-warning-dark", "text-warning-text"],
+		info: ["text-info"],
+		neutral: ["text-grey-800"],
+		error: ["text-danger"]
+	} }
+}), o = ({ className: e, showIcon: o = !0, theme: s = "error", size: c = "sm", children: l, ...u }) => /* @__PURE__ */ i.createElement(a, {
+	theme: s,
+	className: e,
+	...u
+}, o && /* @__PURE__ */ i.createElement(t, {
+	size: "sm",
+	is: r[s],
+	className: "mr-2"
+}), /* @__PURE__ */ i.createElement(n, {
+	as: "span",
+	size: c,
+	className: "translate-y-0.5"
+}, l));
+//#endregion
+export { o as InlineMessage };
+
+//# sourceMappingURL=InlineMessage.js.map

package/dist/components/inline-message/InlineMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { INLINE_MESSAGE_ICONS } from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled('div', {\n  base: ['flex'],\n  variants: {\n    theme: {\n      success: ['text-success'],\n      warning: ['[&_svg]:text-warning-dark', 'text-warning-text'],\n      info: ['text-info'],\n      neutral: ['text-grey-800'],\n      error: ['text-danger']\n    }\n  }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage = ({\n  className,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}: TInlineMessageProps) => (\n  <InlineMessageContainer theme={theme} className={className} {...rest}>\n    {showIcon && (\n      <Icon\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n        className=\"mr-2\"\n      />\n    )}\n    <Text as=\"span\" size={size} className=\"translate-y-0.5\">\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","InlineMessage","className","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"gNASA,MAAMA,EAAyBC,EAAO,MAAO,CAC3C,KAAM,CAAC,MAAM,EACb,SAAU,CACR,MAAO,CACL,QAAS,CAAC,cAAc,EACxB,QAAS,CAAC,4BAA6B,mBAAmB,EAC1D,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,eAAe,EACzB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EASYC,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CAAuB,MAAOK,EAAO,UAAWF,EAAY,GAAGK,CAC7DJ,EAAAA,GACCK,EAAA,cAACC,EAAA,CACC,KAAK,KACL,GAAIC,EAAqBN,CAA2B,EACpD,UAAU,OACZ,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,UAAU,iBACnCC,EAAAA,CACH,CACF"}
+{"version":3,"file":"InlineMessage.js","names":[],"sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { INLINE_MESSAGE_ICONS } from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled('div', {\n  base: ['flex'],\n  variants: {\n    theme: {\n      success: ['text-success'],\n      warning: ['[&_svg]:text-warning-dark', 'text-warning-text'],\n      info: ['text-info'],\n      neutral: ['text-grey-800'],\n      error: ['text-danger']\n    }\n  }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage = ({\n  className,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}: TInlineMessageProps) => (\n  <InlineMessageContainer theme={theme} className={className} {...rest}>\n    {showIcon && (\n      <Icon\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n        className=\"mr-2\"\n      />\n    )}\n    <Text as=\"span\" size={size} className=\"translate-y-0.5\">\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"mappings":";;;;;;AASA,IAAM,IAAyB,EAAO,OAAO;CAC3C,MAAM,CAAC,OAAO;CACd,UAAU,EACR,OAAO;EACL,SAAS,CAAC,eAAe;EACzB,SAAS,CAAC,6BAA6B,oBAAoB;EAC3D,MAAM,CAAC,YAAY;EACnB,SAAS,CAAC,gBAAgB;EAC1B,OAAO,CAAC,cAAc;EACvB,EACF;CACF,CAAC,EASW,KAAiB,EAC5B,cACA,cAAW,IACX,WAAQ,SACR,UAAO,MACP,aACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CAA+B;CAAkB;CAAW,GAAI;CAWvC,EAVtB,KACC,kBAAA,cAAC,GAAD;CACE,MAAK;CACL,IAAI,EAAqB;CACzB,WAAU;CACV,CAAA,EAEJ,kBAAA,cAAC,GAAD;CAAM,IAAG;CAAa;CAAM,WAAU;CAE/B,EADJ,EACI,CACgB"}

package/dist/components/input/Input.js

@@ -1,2 +1,99 @@
-import*as t from"react";import{styled as l}from"../../styled.js";import{overrideStyledVariantValue as m}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Text as f}from"../text/Text.js";const d=l("div",{base:["flex","text-grey-1000","transition-[background,border-color]","duration-100","ease-out","w-full"],variants:{appearance:{standard:["bg-white","border","border-grey-800","focus-within:border-blue-800","rounded-md"],modern:["bg-grey-100","border-none","focus-within:outline-2","focus-within:outline-blue-800","focus-within:outline-offset-1","focus-within:outline-solid","focus-within:z-1","rounded-md"]},size:{sm:["h-8"],md:["h-10"],lg:["h-12"],xl:["h-16"]},disabled:{true:["cursor-not-allowed","opacity-30"]},state:{error:[]}},compoundVariants:[{state:"error",appearance:"standard",class:["border-danger"]},{state:"error",appearance:"modern",class:["bg-danger-light","focus-within:outline-danger"]}]});d.displayName="InputBackground";const b=l(f,{base:["appearance-none","bg-none","shadow-none","focus:outline-none","px-3","size-full","placeholder:opacity-100","placeholder:text-grey-700"]}),g={sm:"sm",md:"md",lg:"md",xl:"lg"},i=t.forwardRef(({type:e="text",size:r,...o},n)=>{const a=t.useMemo(()=>m(r,s=>g[s]),[r]);return t.createElement(b,{ref:n,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:a,...o})});i.displayName="InputText";const u=t.forwardRef(({className:e,size:r="md",appearance:o="standard",state:n,disabled:a,style:s,...c},p)=>t.createElement(d,{size:r,appearance:o,disabled:a,state:n,className:e,style:s},t.createElement(i,{size:r,ref:p,disabled:a,...c})));u.displayName="Input";export{u as Input,d as InputBackground,i as InputText};
-//# sourceMappingURL=Input.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import * as r from "react";
+//#region src/components/input/Input.tsx
+var i = e("div", {
+	base: [
+		"flex",
+		"text-grey-1000",
+		"transition-[background,border-color]",
+		"duration-100",
+		"ease-out",
+		"w-full"
+	],
+	variants: {
+		appearance: {
+			standard: [
+				"bg-white",
+				"border",
+				"border-grey-800",
+				"focus-within:border-blue-800",
+				"rounded-md"
+			],
+			modern: [
+				"bg-grey-100",
+				"border-none",
+				"focus-within:outline-2",
+				"focus-within:outline-blue-800",
+				"focus-within:outline-offset-1",
+				"focus-within:outline-solid",
+				"focus-within:z-1",
+				"rounded-md"
+			]
+		},
+		size: {
+			sm: ["h-8"],
+			md: ["h-10"],
+			lg: ["h-12"],
+			xl: ["h-16"]
+		},
+		disabled: { true: ["cursor-not-allowed", "opacity-30"] },
+		state: { error: [] }
+	},
+	compoundVariants: [{
+		state: "error",
+		appearance: "standard",
+		class: ["border-danger"]
+	}, {
+		state: "error",
+		appearance: "modern",
+		class: ["bg-danger-light", "focus-within:outline-danger"]
+	}]
+});
+i.displayName = "InputBackground";
+var a = e(t, { base: [
+	"appearance-none",
+	"bg-none",
+	"shadow-none",
+	"focus:outline-none",
+	"px-3",
+	"size-full",
+	"placeholder:opacity-100",
+	"placeholder:text-grey-700"
+] }), o = {
+	sm: "sm",
+	md: "md",
+	lg: "md",
+	xl: "lg"
+}, s = r.forwardRef(({ type: e = "text", size: t, ...i }, s) => {
+	let c = r.useMemo(() => n(t, (e) => o[e]), [t]);
+	return /* @__PURE__ */ r.createElement(a, {
+		ref: s,
+		as: "input",
+		type: e === "number" ? "text" : e,
+		inputMode: e === "number" ? "numeric" : void 0,
+		pattern: e === "number" ? "[0-9]*" : void 0,
+		size: c,
+		...i
+	});
+});
+s.displayName = "InputText";
+var c = r.forwardRef(({ className: e, size: t = "md", appearance: n = "standard", state: a, disabled: o, style: c, ...l }, u) => /* @__PURE__ */ r.createElement(i, {
+	size: t,
+	appearance: n,
+	disabled: o,
+	state: a,
+	className: e,
+	style: c
+}, /* @__PURE__ */ r.createElement(s, {
+	size: t,
+	ref: u,
+	disabled: o,
+	...l
+})));
+c.displayName = "Input";
+//#endregion
+export { c as Input, i as InputBackground, s as InputText };
+
+//# sourceMappingURL=Input.js.map

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 { 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"}
+{"version":3,"file":"Input.js","names":[],"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"],"mappings":";;;;;AAOA,IAAa,IAAkB,EAAO,OAAO;CAC3C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI,CAAC,MAAM;GACX,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACb;EACD,UAAU,EACR,MAAM,CAAC,sBAAsB,aAAa,EAC3C;EACD,OAAO,EACL,OAAO,EAAE,EACV;EACF;CACD,kBAAkB,CAChB;EACE,OAAO;EACP,YAAY;EACZ,OAAO,CAAC,gBAAgB;EACzB,EACD;EACE,OAAO;EACP,YAAY;EACZ,OAAO,CAAC,mBAAmB,8BAA8B;EAC1D,CACF;CACF,CAAC;AAEF,EAAgB,cAAc;AAE9B,IAAM,IAAkB,EAAO,GAAM,EACnC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAcI,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAY,EAAM,YAC5B,EAAE,UAAO,QAAQ,SAAM,GAAG,KAAQ,MAAQ;CACzC,IAAM,IAAW,EAAM,cACf,EAA2B,IAAO,MAAM,EAAW,GAAG,EAC5D,CAAC,EAAK,CACP;AAED,QACE,kBAAA,cAAC,GAAD;EACO;EACL,IAAG;EACH,MAAM,MAAS,WAAW,SAAS;EACnC,WAAW,MAAS,WAAW,YAAY,KAAA;EAC3C,SAAS,MAAS,WAAW,WAAW,KAAA;EACxC,MAAM;EACN,GAAK;EACL,CAAA;EAGP;AAED,EAAU,cAAc;AAiBxB,IAAa,IAAQ,EAAM,YAEvB,EACE,cACA,UAAO,MACP,gBAAa,YACb,UACA,aACA,UACA,GAAG,KAEL,MAGE,kBAAA,cAAC,GAAD;CACQ;CACM;CACF;CACH;CACI;CACJ;CAGS,EADhB,kBAAA,cAAC,GAAD;CAAiB;CAAW;CAAe;CAAU,GAAI;CAAQ,CAAA,CACjD,CAGvB;AAED,EAAM,cAAc"}

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

@@ -1,2 +1,33 @@
-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
+import { useFieldError as e } from "../form/useFieldError.js";
+import { FieldWrapper as t } from "../field-wrapper/FieldWrapper.js";
+import { useFormCustomContext as n } from "../form/useFormCustomContext.js";
+import { Input as r } from "../input/Input.js";
+import * as i from "react";
+import { useFormContext as a } from "react-hook-form";
+//#region src/components/input-field/InputField.tsx
+var o = ({ className: o, label: s, name: c, validation: l, prompt: u, description: d, hideLabel: f, appearance: p, ...m }) => {
+	let { register: h } = a(), g = n(), { error: _ } = e(c), v = l ? h(l) : h, y = g?.appearance || p;
+	return /* @__PURE__ */ i.createElement(t, {
+		className: o,
+		description: d,
+		error: _,
+		fieldId: c,
+		hideLabel: f,
+		label: s,
+		prompt: u,
+		required: !!l?.required,
+		appearance: y
+	}, /* @__PURE__ */ i.createElement(r, {
+		id: c,
+		name: c,
+		ref: v,
+		appearance: y,
+		..._ && { state: "error" },
+		...m
+	}));
+};
+o.displayName = "InputField";
+//#endregion
+export { o 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/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"}
+{"version":3,"file":"InputField.js","names":[],"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"],"mappings":";;;;;;;AAaA,IAAa,KAAc,EACzB,cACA,UACA,SACA,eACA,WACA,gBACA,cACA,eACA,GAAG,QACkB;CACrB,IAAM,EAAE,gBAAa,GAAgB,EAC/B,IAAU,GAAsB,EAChC,EAAE,aAAU,EAAc,EAAK,EAE/B,IAAM,IAAa,EAAS,EAAW,GAAG,GAC1C,IAAiB,GAAS,cAAc;AAE9C,QACE,kBAAA,cAAC,GAAD;EACa;EACE;EACN;EACP,SAAS;EACE;EACJ;EACC;EACR,UAAU,EAAQ,GAAY;EAC9B,YAAY;EAUC,EARb,kBAAA,cAAC,GAAD;EACE,IAAI;EACE;EACD;EACL,YAAY;EACZ,GAAK,KAAS,EAAE,OAAO,SAAS;EAChC,GAAI;EACJ,CAAA,CACW;;AAInB,EAAW,cAAc"}

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

@@ -1,2 +1,52 @@
-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
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { useCallbackRefState as n } from "../../utilities/hooks/useCallbackRef.js";
+import * as r from "react";
+import { Slot as i } from "@radix-ui/react-slot";
+//#region src/components/keyboard-shortcut/KeyboardShortcut.tsx
+var a = r.forwardRef(({ asChild: e, config: t, targetWindow: a = !1, onKeyDown: o, ...s }, c) => {
+	let [l, u] = n();
+	r.useImperativeHandle(c, () => l);
+	let d = r.useCallback((e) => {
+		t.forEach(({ shortcut: t, action: n }) => {
+			Object.entries(t).every(([t, n]) => e[t] === n) && n({
+				event: e,
+				shortcut: t
+			});
+		}), o?.(e);
+	}, [t, o]);
+	r.useEffect(() => (a && window.addEventListener("keydown", d), () => {
+		window.removeEventListener("keydown", d);
+	}), [a, d]);
+	let f = e ? i : "div";
+	return /* @__PURE__ */ r.createElement(f, {
+		onKeyDown: a ? void 0 : d,
+		ref: u,
+		...s
+	});
+});
+a.displayName = "KeyboardShortcut";
+var o = e(t, { 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"
+] }), s = (e) => /* @__PURE__ */ r.createElement(o, {
+	size: "sm",
+	as: "kbd",
+	...e
+});
+s.displayName = "KeyboardShortcut";
+//#endregion
+export { a as KeyboardShortcut, s 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/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"}
+{"version":3,"file":"KeyboardShortcut.js","names":[],"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"],"mappings":";;;;;;AA6BA,IAAa,IAAmB,EAAM,YAGnC,EAAE,YAAS,WAAQ,kBAAe,IAAO,cAAW,GAAG,KAAQ,MAAQ;CACxE,IAAM,CAAC,GAAa,KAAkB,GAAqB;AAC3D,GAAM,oBAAoB,SAAW,EAA8B;CAEnE,IAAM,IAAkB,EAAM,aAC3B,MAAoC;AAKnC,EAJA,EAAO,SAAS,EAAE,aAAU,gBAAa;AACvC,GAAI,OAAO,QAAQ,EAAS,CAAC,OAAO,CAAC,GAAK,OAAW,EAAE,OAAS,EAAM,IACpE,EAAO;IAAE,OAAO;IAAG;IAAU,CAAC;IAChC,EACF,IAAY,EAAE;IAEhB,CAAC,GAAQ,EAAU,CACpB;AAED,GAAM,iBACA,KAAc,OAAO,iBAAiB,WAAW,EAAgB,QAExD;AACX,SAAO,oBAAoB,WAAW,EAAgB;KAEvD,CAAC,GAAc,EAAgB,CAAC;CAEnC,IAAM,IAAY,IAAU,IAAO;AAEnC,QACE,kBAAA,cAAC,GAAD;EACE,WAAW,IAAe,KAAA,IAAa;EACvC,KAAK;EACL,GAAI;EACJ,CAAA;EAEJ;AAEF,EAAiB,cAAc;AAE/B,IAAM,IAAkC,EAAO,GAAM,EACnD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAMW,KACX,MAEO,kBAAA,cAAC,GAAD;CAAiC,MAAK;CAAK,IAAG;CAAM,GAAI;CAAS,CAAA;AAG1E,EAA0B,cAAc"}

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

@@ -1,2 +1,8 @@
-import{KeyboardShortcut as t,KeyboardShortcutIndicator as r}from"./KeyboardShortcut.js";const o=Object.assign(t,{Indicator:r});o.displayName="KeyboardShortcut";export{o as KeyboardShortcut};
-//# sourceMappingURL=index.js.map
+import { KeyboardShortcut as e, KeyboardShortcutIndicator as t } from "./KeyboardShortcut.js";
+//#region src/components/keyboard-shortcut/index.ts
+var n = Object.assign(e, { Indicator: t });
+n.displayName = "KeyboardShortcut";
+//#endregion
+export { n as KeyboardShortcut };
+
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/keyboard-shortcut/index.ts"],"sourcesContent":["import {\n  KeyboardShortcut as KeyboardShortcutComponent,\n  KeyboardShortcutIndicator\n} from './KeyboardShortcut'\n\nexport const KeyboardShortcut = Object.assign(KeyboardShortcutComponent, {\n  Indicator: KeyboardShortcutIndicator\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n"],"names":["KeyboardShortcut","KeyboardShortcutComponent","KeyboardShortcutIndicator"],"mappings":"8FAKaA,EAAmB,OAAO,OAAOC,EAA2B,CACvE,UAAWC,CACb,CAAC,EAEDF,EAAiB,YAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/keyboard-shortcut/index.ts"],"sourcesContent":["import {\n  KeyboardShortcut as KeyboardShortcutComponent,\n  KeyboardShortcutIndicator\n} from './KeyboardShortcut'\n\nexport const KeyboardShortcut = Object.assign(KeyboardShortcutComponent, {\n  Indicator: KeyboardShortcutIndicator\n})\n\nKeyboardShortcut.displayName = 'KeyboardShortcut'\n"],"mappings":";;AAKA,IAAa,IAAmB,OAAO,OAAO,GAA2B,EACvE,WAAW,GACZ,CAAC;AAEF,EAAiB,cAAc"}

package/dist/components/label/Label.js

@@ -1,2 +1,82 @@
-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
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/label/Label.tsx
+var n = e("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"]
+		}
+	]
+}), r = ({ align: e = "start", as: r = "label", direction: i = "row", size: a = "md", type: o = "block", children: s, required: c, ...l }) => /* @__PURE__ */ t.createElement(n, {
+	as: r,
+	size: a,
+	type: o,
+	align: e,
+	direction: i,
+	...l
+}, s, c && /* @__PURE__ */ t.createElement("span", {
+	className: "text-danger ml-1 font-normal",
+	"aria-hidden": !0
+}, "*"));
+r.displayName = "Label";
+//#endregion
+export { r 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'],\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"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nconst StyledLabel = styled('label', {\n  base: ['text-grey-900', 'font-body'],\n  variants: {\n    size: {\n      sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    type: {\n      block: ['block', 'font-semibold'],\n      inline: ['flex', 'font-normal', 'max-w-max']\n    },\n    align: { start: [], center: [] },\n    direction: { reverse: [], row: [] },\n    appearance: { standard: [], modern: [] }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      class: ['items-start']\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      class: ['items-center']\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      class: ['flex-row-reverse']\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      class: ['flex-row']\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      class: ['font-normal']\n    }\n  ]\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && (\n      <span className=\"text-danger ml-1 font-normal\" aria-hidden>\n        *\n      </span>\n    )}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"mappings":";;;AAKA,IAAM,IAAc,EAAO,SAAS;CAClC,MAAM,CAAC,iBAAiB,YAAY;CACpC,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACtD;EACD,MAAM;GACJ,OAAO,CAAC,SAAS,gBAAgB;GACjC,QAAQ;IAAC;IAAQ;IAAe;IAAY;GAC7C;EACD,OAAO;GAAE,OAAO,EAAE;GAAE,QAAQ,EAAE;GAAE;EAChC,WAAW;GAAE,SAAS,EAAE;GAAE,KAAK,EAAE;GAAE;EACnC,YAAY;GAAE,UAAU,EAAE;GAAE,QAAQ,EAAE;GAAE;EACzC;CACD,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,cAAc;GACvB;EACD;GACE,MAAM;GACN,OAAO;GACP,OAAO,CAAC,eAAe;GACxB;EACD;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,mBAAmB;GAC5B;EACD;GACE,MAAM;GACN,WAAW;GACX,OAAO,CAAC,WAAW;GACpB;EACD;GACE,MAAM;GACN,YAAY;GACZ,OAAO,CAAC,cAAc;GACvB;EACF;CACF,CAAC,EAUW,KAAS,EACpB,WAAQ,SACR,QAAK,SACL,eAAY,OACZ,UAAO,MACP,UAAO,SACP,aACA,aACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CACM;CACE;CACA;CACC;CACI;CACX,GAAI;CAQQ,EANX,GACA,KACC,kBAAA,cAAC,QAAD;CAAM,WAAU;CAA+B,eAAA;CAExC,EAFoD,IAEpD,CAEG;AAGhB,EAAM,cAAc"}

package/dist/components/link/Link.js

@@ -1,2 +1,68 @@
-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
+import { styled as e } from "../../styled.js";
+import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
+import * as n from "react";
+//#region src/components/link/Link.tsx
+var r = e("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 = n.forwardRef(({ as: e, disabled: i, href: a, ...o }, s) => /* @__PURE__ */ n.createElement(r, {
+	as: e || (a ? void 0 : "button"),
+	noCapsize: a ? void 0 : !0,
+	href: a,
+	...i && { disabled: !0 },
+	...o,
+	...t(a),
+	ref: s
+}));
+i.displayName = "Link";
+//#endregion
+export { i as Link, r 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/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"}
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledLink = styled(\n  'a',\n  {\n    base: [\n      'bg-[unset]',\n      'text-primary-800',\n      'cursor-pointer',\n      'font-body',\n      'no-underline',\n      'focus:text-primary-900',\n      'focus:underline',\n      'hover:text-primary-900',\n      'hover:underline',\n      'active:text-primary-1000',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'disabled:pointer-events-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:after:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:before:content-none',\n      '[p>&,h1>&,h2>&,h3>&,h4>&,li>&,em>&]:text-[100%]/none'\n    ],\n    variants: {\n      size: {\n        xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n        sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n        md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n        lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n        xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n      },\n      noCapsize: {\n        true: ['capsize-none']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;AAOA,IAAa,IAAa,EACxB,KACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAW;IAAiB;IAAmB;GACpD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACrD,IAAI;IAAC;IAAW;IAAkB;IAAmB;GACtD;EACD,WAAW,EACT,MAAM,CAAC,eAAe,EACvB;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAOY,IAAO,EAAM,YACvB,EAAE,OAAI,aAAU,SAAM,GAAG,KAAQ,MAChC,kBAAA,cAAC,GAAD;CACE,IAAI,MAAQ,IAAkB,KAAA,IAAX;CACnB,WAAY,IAAc,KAAA,IAAP;CACb;CACN,GAAK,KAAY,EAAE,UAAU,IAAM;CACnC,GAAI;CACJ,GAAI,EAAuB,EAAK;CAC3B;CACL,CAAA,CAEL;AAED,EAAK,cAAc"}

package/dist/components/list/List.js

@@ -1,2 +1,63 @@
-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
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/list/List.tsx
+var n = e("li", { base: ["last:mb-0", "not-last:mb-2"] }), r = e("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"] }
+	}
+}), i = t.forwardRef(({ size: e = "md", noCapsize: n = !0, ordered: i = !1, ...a }, o) => /* @__PURE__ */ t.createElement(r, {
+	ref: o,
+	as: i ? "ol" : "ul",
+	ordered: i,
+	size: e,
+	noCapsize: n,
+	...a
+}));
+i.Item = n;
+//#endregion
+export { i as List };
+
+//# sourceMappingURL=List.js.map