@atom-learning/components 6.4.2 → 6.5.1

package/dist/components/file-drop/FileDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDrop.js","sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { FileDropContext } from './FileDropContext'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n  React.ComponentProps<'div'>,\n  'onDrop' | 'ref'\n> {\n  onDrop: (files: File[]) => void\n  children?:\n    | React.ReactNode\n    | ((value: FileDropContextValue) => React.ReactNode)\n  accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n  multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n}\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-6',\n    'items-center',\n    'border',\n    'border-dashed',\n    'border-grey-500',\n    'px-12',\n    'py-8',\n    'rounded-md',\n    'cursor-pointer',\n    '**:pointer-events-none'\n  ]\n})\n\nexport const FileDrop = ({\n  children,\n  accept,\n  multiple,\n  onDrop,\n  ...props\n}: FileDropProps) => {\n  const [isDragging, setIsDragging] = React.useState(false)\n  const [files, setFiles] = React.useState<File[]>([])\n  const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleDragLeave = () => setIsDragging(false)\n\n  const handleDrop = (fileList: FileList | null) => {\n    if (!fileList) return\n\n    setIsDragging(false)\n\n    const files = Array.from(fileList)\n    onDrop(files)\n    setFiles(files)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (['Space', 'Enter'].includes(event.key)) {\n      fileUploadInputRef.current?.click()\n    }\n  }\n\n  const value: FileDropContextValue = { isDragging, files }\n\n  return (\n    <FileDropContext.Provider value={value}>\n      <StyledContainer\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={(event) => {\n          event.preventDefault()\n          handleDrop(event.dataTransfer.files)\n        }}\n        onClick={() => fileUploadInputRef.current?.click()}\n        role=\"button\"\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n        {...props}\n      >\n        {typeof children === 'function' ? children(value) : children}\n        <input\n          type=\"file\"\n          ref={fileUploadInputRef}\n          style={{ visibility: 'hidden' }}\n          accept={accept}\n          multiple={multiple}\n          onChange={(event) => {\n            handleDrop(event.target.files)\n          }}\n        />\n      </StyledContainer>\n    </FileDropContext.Provider>\n  )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"names":["StyledContainer","styled","FileDrop","children","accept","multiple","onDrop","props","isDragging","setIsDragging","React","files","setFiles","fileUploadInputRef","handleDragOver","event","handleDragLeave","handleDrop","fileList","handleKeyDown","_a","value","FileDropContext"],"mappings":"wHAmBA,MAAMA,EAAkBC,EAAO,MAAO,CACpC,KAAM,CACJ,OACA,WACA,QACA,eACA,SACA,gBACA,kBACA,QACA,OACA,aACA,iBACA,wBACF,CACF,CAAC,EAEYC,EAAW,CAAC,CACvB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAqB,CACnB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAK,EAClD,CAACC,EAAOC,CAAQ,EAAIF,EAAM,SAAiB,EAAE,EAC7CG,EAAqBH,EAAM,OAAyB,IAAI,EAExDI,EAAkBC,GAA2C,CACjEA,EAAM,iBACNN,EAAc,EAAI,CACpB,EAEMO,EAAkB,IAAMP,EAAc,EAAK,EAE3CQ,EAAcC,GAA8B,CAChD,GAAI,CAACA,EAAU,OAEfT,EAAc,EAAK,EAEnB,MAAME,EAAQ,MAAM,KAAKO,CAAQ,EACjCZ,EAAOK,CAAK,EACZC,EAASD,CAAK,CAChB,EAEMQ,EAAiBJ,GAA+C,CAhExE,IAAAK,EAiEQ,CAAC,QAAS,OAAO,EAAE,SAASL,EAAM,GAAG,KACvCK,EAAAP,EAAmB,UAAnB,MAAAO,EAA4B,QAEhC,EAEMC,EAA8B,CAAE,WAAAb,EAAY,MAAAG,CAAM,EAExD,OACED,EAAA,cAACY,EAAgB,SAAhB,CAAyB,MAAOD,CAC/BX,EAAAA,EAAA,cAACV,EAAA,CACC,WAAYc,EACZ,YAAaE,EACb,OAASD,GAAU,CACjBA,EAAM,eAAA,EACNE,EAAWF,EAAM,aAAa,KAAK,CACrC,EACA,QAAS,IAAG,CAjFpB,IAAAK,EAiFuB,OAAAA,EAAAP,EAAmB,UAAnB,YAAAO,EAA4B,MAAA,CAAA,EAC3C,KAAK,SACL,UAAWD,EACX,SAAU,EACT,GAAGZ,CAEH,EAAA,OAAOJ,GAAa,WAAaA,EAASkB,CAAK,EAAIlB,EACpDO,EAAA,cAAC,QAAA,CACC,KAAK,OACL,IAAKG,EACL,MAAO,CAAE,WAAY,QAAS,EAC9B,OAAQT,EACR,SAAUC,EACV,SAAWU,GAAU,CACnBE,EAAWF,EAAM,OAAO,KAAK,CAC/B,CACF,CAAA,CACF,CACF,CAEJ,EAEAb,EAAS,YAAc"}
+{"version":3,"file":"FileDrop.js","names":[],"sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { FileDropContext } from './FileDropContext'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n  React.ComponentProps<'div'>,\n  'onDrop' | 'ref'\n> {\n  onDrop: (files: File[]) => void\n  children?:\n    | React.ReactNode\n    | ((value: FileDropContextValue) => React.ReactNode)\n  accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n  multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n}\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-6',\n    'items-center',\n    'border',\n    'border-dashed',\n    'border-grey-500',\n    'px-12',\n    'py-8',\n    'rounded-md',\n    'cursor-pointer',\n    '**:pointer-events-none'\n  ]\n})\n\nexport const FileDrop = ({\n  children,\n  accept,\n  multiple,\n  onDrop,\n  ...props\n}: FileDropProps) => {\n  const [isDragging, setIsDragging] = React.useState(false)\n  const [files, setFiles] = React.useState<File[]>([])\n  const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleDragLeave = () => setIsDragging(false)\n\n  const handleDrop = (fileList: FileList | null) => {\n    if (!fileList) return\n\n    setIsDragging(false)\n\n    const files = Array.from(fileList)\n    onDrop(files)\n    setFiles(files)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (['Space', 'Enter'].includes(event.key)) {\n      fileUploadInputRef.current?.click()\n    }\n  }\n\n  const value: FileDropContextValue = { isDragging, files }\n\n  return (\n    <FileDropContext.Provider value={value}>\n      <StyledContainer\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={(event) => {\n          event.preventDefault()\n          handleDrop(event.dataTransfer.files)\n        }}\n        onClick={() => fileUploadInputRef.current?.click()}\n        role=\"button\"\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n        {...props}\n      >\n        {typeof children === 'function' ? children(value) : children}\n        <input\n          type=\"file\"\n          ref={fileUploadInputRef}\n          style={{ visibility: 'hidden' }}\n          accept={accept}\n          multiple={multiple}\n          onChange={(event) => {\n            handleDrop(event.target.files)\n          }}\n        />\n      </StyledContainer>\n    </FileDropContext.Provider>\n  )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"mappings":";;;;AAmBA,IAAM,IAAkB,EAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAEW,KAAY,EACvB,aACA,WACA,aACA,WACA,GAAG,QACgB;CACnB,IAAM,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM,EACnD,CAAC,GAAO,KAAY,EAAM,SAAiB,EAAE,CAAC,EAC9C,IAAqB,EAAM,OAAyB,KAAK,EAEzD,KAAkB,MAA2C;AAEjE,EADA,EAAM,gBAAgB,EACtB,EAAc,GAAK;IAGf,UAAwB,EAAc,GAAM,EAE5C,KAAc,MAA8B;AAChD,MAAI,CAAC,EAAU;AAEf,IAAc,GAAM;EAEpB,IAAM,IAAQ,MAAM,KAAK,EAAS;AAElC,EADA,EAAO,EAAM,EACb,EAAS,EAAM;IAGX,KAAiB,MAA+C;AACpE,EAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,EAAM,IAAI,IACxC,EAAmB,SAAS,OAAO;IAIjC,IAA8B;EAAE;EAAY;EAAO;AAEzD,QACE,kBAAA,cAAC,EAAgB,UAAjB,EAAiC,UA0BN,EAzBzB,kBAAA,cAAC,GAAD;EACE,YAAY;EACZ,aAAa;EACb,SAAS,MAAU;AAEjB,GADA,EAAM,gBAAgB,EACtB,EAAW,EAAM,aAAa,MAAM;;EAEtC,eAAe,EAAmB,SAAS,OAAO;EAClD,MAAK;EACL,WAAW;EACX,UAAU;EACV,GAAI;EAaY,EAXf,OAAO,KAAa,aAAa,EAAS,EAAM,GAAG,GACpD,kBAAA,cAAC,SAAD;EACE,MAAK;EACL,KAAK;EACL,OAAO,EAAE,YAAY,UAAU;EACvB;EACE;EACV,WAAW,MAAU;AACnB,KAAW,EAAM,OAAO,MAAM;;EAEhC,CAAA,CACc,CACO;;AAI/B,EAAS,cAAc"}

package/dist/components/file-drop/FileDropContext.js

@@ -1,2 +1,10 @@
-import e from"react";const t=e.createContext({isDragging:!1,files:[]});export{t as FileDropContext};
-//# sourceMappingURL=FileDropContext.js.map
+import e from "react";
+//#region src/components/file-drop/FileDropContext.ts
+var t = e.createContext({
+	isDragging: !1,
+	files: []
+});
+//#endregion
+export { t as FileDropContext };
+
+//# sourceMappingURL=FileDropContext.js.map

package/dist/components/file-drop/FileDropContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropContext.js","sources":["../../../src/components/file-drop/FileDropContext.ts"],"sourcesContent":["import React from 'react'\n\nimport { FileDropContextValue } from './types'\n\nexport const FileDropContext = React.createContext<FileDropContextValue>({\n  isDragging: false,\n  files: []\n})\n"],"names":["FileDropContext","React"],"mappings":"qBAIa,MAAAA,EAAkBC,EAAM,cAAoC,CACvE,WAAY,GACZ,MAAO,EACT,CAAC"}
+{"version":3,"file":"FileDropContext.js","names":[],"sources":["../../../src/components/file-drop/FileDropContext.ts"],"sourcesContent":["import React from 'react'\n\nimport { FileDropContextValue } from './types'\n\nexport const FileDropContext = React.createContext<FileDropContextValue>({\n  isDragging: false,\n  files: []\n})\n"],"mappings":";;AAIA,IAAa,IAAkB,EAAM,cAAoC;CACvE,YAAY;CACZ,OAAO,EAAE;CACV,CAAC"}

package/dist/components/file-drop/useFileDrop.js

@@ -1,2 +1,8 @@
-import o from"react";import{FileDropContext as e}from"./FileDropContext.js";const t=()=>o.useContext(e);export{t as useFileDrop};
-//# sourceMappingURL=useFileDrop.js.map
+import { FileDropContext as e } from "./FileDropContext.js";
+import t from "react";
+//#region src/components/file-drop/useFileDrop.ts
+var n = () => t.useContext(e);
+//#endregion
+export { n as useFileDrop };
+
+//# sourceMappingURL=useFileDrop.js.map

package/dist/components/file-drop/useFileDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileDrop.js","sources":["../../../src/components/file-drop/useFileDrop.ts"],"sourcesContent":["import React from 'react'\n\nimport { FileDropContext } from './FileDropContext'\nimport { FileDropContextValue } from './types'\n\nexport const useFileDrop = (): FileDropContextValue =>\n  React.useContext(FileDropContext)\n"],"names":["useFileDrop","React","FileDropContext"],"mappings":"4EAKO,MAAMA,EAAc,IACzBC,EAAM,WAAWC,CAAe"}
+{"version":3,"file":"useFileDrop.js","names":[],"sources":["../../../src/components/file-drop/useFileDrop.ts"],"sourcesContent":["import React from 'react'\n\nimport { FileDropContext } from './FileDropContext'\nimport { FileDropContextValue } from './types'\n\nexport const useFileDrop = (): FileDropContextValue =>\n  React.useContext(FileDropContext)\n"],"mappings":";;;AAKA,IAAa,UACX,EAAM,WAAW,EAAgB"}

package/dist/components/file-input/FileInput.js

@@ -1,2 +1,26 @@
-import{Upload as c}from"@atom-learning/icons";import*as e from"react";import{Button as s}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const t=({accept:l,children:i,multiple:n=!1,onFileSelect:o,...r})=>{const p=m=>{const{files:a}=m.target;o(a)};return e.createElement(s,{as:"label",...r},e.createElement(u,{is:c}),i,e.createElement("input",{type:"file",onChange:p,accept:l,multiple:n,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};
-//# sourceMappingURL=FileInput.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { Button as t } from "../button/Button.js";
+import * as n from "react";
+import { Upload as r } from "@atom-learning/icons";
+//#region src/components/file-input/FileInput.tsx
+var i = ({ accept: i, children: a, multiple: o = !1, onFileSelect: s, ...c }) => {
+	let l = (e) => {
+		let { files: t } = e.target;
+		s(t);
+	};
+	return /* @__PURE__ */ n.createElement(t, {
+		as: "label",
+		...c
+	}, /* @__PURE__ */ n.createElement(e, { is: r }), a, /* @__PURE__ */ n.createElement("input", {
+		type: "file",
+		onChange: l,
+		accept: i,
+		multiple: o,
+		hidden: !0
+	}));
+};
+i.displayName = "FileInput";
+//#endregion
+export { i as FileInput };
+
+//# sourceMappingURL=FileInput.js.map

package/dist/components/file-input/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { Upload } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\n\nexport type FileInputProps = React.ComponentProps<typeof Button> & {\n  onFileSelect: (selection: FileList | null) => void\n  accept?: string\n  multiple?: boolean\n}\n\nexport const FileInput = ({\n  accept,\n  children,\n  multiple = false,\n  onFileSelect,\n  ...rest\n}: FileInputProps) => {\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target\n\n    onFileSelect(files)\n  }\n\n  return (\n    <Button as=\"label\" {...rest}>\n      <Icon is={Upload} />\n      {children}\n      <input\n        type=\"file\"\n        onChange={handleFileSelect}\n        accept={accept}\n        multiple={multiple}\n        hidden\n      />\n    </Button>\n  )\n}\n\nFileInput.displayName = 'FileInput'\n"],"names":["FileInput","accept","children","multiple","onFileSelect","rest","handleFileSelect","event","files","React","Button","Icon","Upload"],"mappings":"0JAYa,MAAAA,EAAY,CAAC,CACxB,OAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,aAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAoBC,GAA+C,CACvE,KAAM,CAAE,MAAAC,CAAM,EAAID,EAAM,OAExBH,EAAaI,CAAK,CACpB,EAEA,OACEC,EAAA,cAACC,EAAA,CAAO,GAAG,QAAS,GAAGL,CAAAA,EACrBI,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAQ,EACjBV,EACDO,EAAA,cAAC,QAAA,CACC,KAAK,OACL,SAAUH,EACV,OAAQL,EACR,SAAUE,EACV,OAAM,EAAA,CACR,CACF,CAEJ,EAEAH,EAAU,YAAc"}
+{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { Upload } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\n\nexport type FileInputProps = React.ComponentProps<typeof Button> & {\n  onFileSelect: (selection: FileList | null) => void\n  accept?: string\n  multiple?: boolean\n}\n\nexport const FileInput = ({\n  accept,\n  children,\n  multiple = false,\n  onFileSelect,\n  ...rest\n}: FileInputProps) => {\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target\n\n    onFileSelect(files)\n  }\n\n  return (\n    <Button as=\"label\" {...rest}>\n      <Icon is={Upload} />\n      {children}\n      <input\n        type=\"file\"\n        onChange={handleFileSelect}\n        accept={accept}\n        multiple={multiple}\n        hidden\n      />\n    </Button>\n  )\n}\n\nFileInput.displayName = 'FileInput'\n"],"mappings":";;;;;AAYA,IAAa,KAAa,EACxB,WACA,aACA,cAAW,IACX,iBACA,GAAG,QACiB;CACpB,IAAM,KAAoB,MAA+C;EACvE,IAAM,EAAE,aAAU,EAAM;AAExB,IAAa,EAAM;;AAGrB,QACE,kBAAA,cAAC,GAAD;EAAQ,IAAG;EAAQ,GAAI;EAUd,EATP,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAU,CAAA,EACnB,GACD,kBAAA,cAAC,SAAD;EACE,MAAK;EACL,UAAU;EACF;EACE;EACV,QAAA;EACA,CAAA,CACK;;AAIb,EAAU,cAAc"}

package/dist/components/flex/Flex.js

@@ -1,2 +1,88 @@
-import{styled as t}from"../../styled.js";const e=t("div",{base:["flex"],variants:{direction:{row:["flex-row"],"row-reverse":["flex-row-reverse"],column:["flex-col"],"column-reverse":["flex-col-reverse"],inherit:["direction-[inherit]"],initial:["direction-[initial]"],revert:["direction-[revert]"],"revert-layer":["direction-[revert-layer]"],unset:["direction-[unset]"]},wrap:{nowrap:["flex-nowrap"],wrap:["flex-wrap"],"wrap-reverse":["flex-wrap-reverse"],inherit:["[flex-wrap:inherit]"],initial:["[flex-wrap:initial]"],revert:["[flex-wrap:revert]"],"revert-layer":["[flex-wrap:revert-layer]"],unset:["[flex-wrap:unset]"]},justify:{normal:["justify-normal"],unsafe:["[justify-content:unsafe]"],safe:["[justify-content:safe]"],start:["justify-start"],center:["justify-center"],end:["justify-end"],"flex-start":["justify-start"],"flex-end":["justify-end"],left:["[justify-content:left]"],right:["[justify-content:right]"],"space-between":["justify-between"],"space-around":["justify-around"],"space-evenly":["justify-evenly"],stretch:["justify-stretch"],inherit:["[justify-content:inherit]"],initial:["[justify-content:initial]"],revert:["[justify-content:revert]"],"revert-layer":["[justify-content:revert-layer]"],unset:["[justify-content:unset]"]},align:{normal:["[align-items:normal]"],unsafe:["[align-items:unsafe]"],safe:["[align-items:safe]"],center:["items-center"],start:["items-start"],end:["items-end"],"self-start":["[align-items:self-start]"],"self-end":["[align-items:self-end]"],"flex-start":["items-start"],"flex-end":["items-end"],baseline:["items-baseline"],"first baseline":["[align-items:first baseline]"],"last baseline":["[align-items:last baseline]"],stretch:["items-stretch"],inherit:["[align-items:inherit]"],initial:["[align-items:initial]"],revert:["[align-items:revert]"],"revert-layer":["[align-items:revert-layer]"],unset:["[align-items:unset]"]},gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}},{enabledResponsiveVariants:!0});e.displayName="Flex";export{e as Flex};
-//# sourceMappingURL=Flex.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/flex/Flex.tsx
+var t = e("div", {
+	base: ["flex"],
+	variants: {
+		direction: {
+			row: ["flex-row"],
+			"row-reverse": ["flex-row-reverse"],
+			column: ["flex-col"],
+			"column-reverse": ["flex-col-reverse"],
+			inherit: ["direction-[inherit]"],
+			initial: ["direction-[initial]"],
+			revert: ["direction-[revert]"],
+			"revert-layer": ["direction-[revert-layer]"],
+			unset: ["direction-[unset]"]
+		},
+		wrap: {
+			nowrap: ["flex-nowrap"],
+			wrap: ["flex-wrap"],
+			"wrap-reverse": ["flex-wrap-reverse"],
+			inherit: ["[flex-wrap:inherit]"],
+			initial: ["[flex-wrap:initial]"],
+			revert: ["[flex-wrap:revert]"],
+			"revert-layer": ["[flex-wrap:revert-layer]"],
+			unset: ["[flex-wrap:unset]"]
+		},
+		justify: {
+			normal: ["justify-normal"],
+			unsafe: ["[justify-content:unsafe]"],
+			safe: ["[justify-content:safe]"],
+			start: ["justify-start"],
+			center: ["justify-center"],
+			end: ["justify-end"],
+			"flex-start": ["justify-start"],
+			"flex-end": ["justify-end"],
+			left: ["[justify-content:left]"],
+			right: ["[justify-content:right]"],
+			"space-between": ["justify-between"],
+			"space-around": ["justify-around"],
+			"space-evenly": ["justify-evenly"],
+			stretch: ["justify-stretch"],
+			inherit: ["[justify-content:inherit]"],
+			initial: ["[justify-content:initial]"],
+			revert: ["[justify-content:revert]"],
+			"revert-layer": ["[justify-content:revert-layer]"],
+			unset: ["[justify-content:unset]"]
+		},
+		align: {
+			normal: ["[align-items:normal]"],
+			unsafe: ["[align-items:unsafe]"],
+			safe: ["[align-items:safe]"],
+			center: ["items-center"],
+			start: ["items-start"],
+			end: ["items-end"],
+			"self-start": ["[align-items:self-start]"],
+			"self-end": ["[align-items:self-end]"],
+			"flex-start": ["items-start"],
+			"flex-end": ["items-end"],
+			baseline: ["items-baseline"],
+			"first baseline": ["[align-items:first baseline]"],
+			"last baseline": ["[align-items:last baseline]"],
+			stretch: ["items-stretch"],
+			inherit: ["[align-items:inherit]"],
+			initial: ["[align-items:initial]"],
+			revert: ["[align-items:revert]"],
+			"revert-layer": ["[align-items:revert-layer]"],
+			unset: ["[align-items:unset]"]
+		},
+		gap: {
+			0: ["gap-0.5"],
+			1: ["gap-1"],
+			2: ["gap-2"],
+			3: ["gap-3"],
+			4: ["gap-4"],
+			24: ["gap-6"],
+			5: ["gap-8"],
+			6: ["gap-10"],
+			7: ["gap-12"],
+			8: ["gap-16"],
+			9: ["gap-20"]
+		}
+	}
+}, { enabledResponsiveVariants: !0 });
+t.displayName = "Flex";
+//#endregion
+export { t as Flex };
+
+//# sourceMappingURL=Flex.js.map

package/dist/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled(\n  'div',\n  {\n    base: ['flex'],\n    variants: {\n      direction: {\n        row: ['flex-row'],\n        'row-reverse': ['flex-row-reverse'],\n        column: ['flex-col'],\n        'column-reverse': ['flex-col-reverse'],\n        inherit: ['direction-[inherit]'],\n        initial: ['direction-[initial]'],\n        revert: ['direction-[revert]'],\n        'revert-layer': ['direction-[revert-layer]'],\n        unset: ['direction-[unset]']\n      },\n      wrap: {\n        nowrap: ['flex-nowrap'],\n        wrap: ['flex-wrap'],\n        'wrap-reverse': ['flex-wrap-reverse'],\n        inherit: ['[flex-wrap:inherit]'],\n        initial: ['[flex-wrap:initial]'],\n        revert: ['[flex-wrap:revert]'],\n        'revert-layer': ['[flex-wrap:revert-layer]'],\n        unset: ['[flex-wrap:unset]']\n      },\n      justify: {\n        normal: ['justify-normal'],\n        unsafe: ['[justify-content:unsafe]'],\n        safe: ['[justify-content:safe]'],\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n        'flex-start': ['justify-start'],\n        'flex-end': ['justify-end'],\n        left: ['[justify-content:left]'],\n        right: ['[justify-content:right]'],\n        'space-between': ['justify-between'],\n        'space-around': ['justify-around'],\n        'space-evenly': ['justify-evenly'],\n        stretch: ['justify-stretch'],\n        inherit: ['[justify-content:inherit]'],\n        initial: ['[justify-content:initial]'],\n        revert: ['[justify-content:revert]'],\n        'revert-layer': ['[justify-content:revert-layer]'],\n        unset: ['[justify-content:unset]']\n      },\n      align: {\n        normal: ['[align-items:normal]'],\n        unsafe: ['[align-items:unsafe]'],\n        safe: ['[align-items:safe]'],\n        center: ['items-center'],\n        start: ['items-start'],\n        end: ['items-end'],\n        'self-start': ['[align-items:self-start]'],\n        'self-end': ['[align-items:self-end]'],\n        'flex-start': ['items-start'],\n        'flex-end': ['items-end'],\n        baseline: ['items-baseline'],\n        'first baseline': ['[align-items:first baseline]'],\n        'last baseline': ['[align-items:last baseline]'],\n        stretch: ['items-stretch'],\n        inherit: ['[align-items:inherit]'],\n        initial: ['[align-items:initial]'],\n        revert: ['[align-items:revert]'],\n        'revert-layer': ['[align-items:revert-layer]'],\n        unset: ['[align-items:unset]']\n      },\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"yCAEO,MAAMA,EAAOC,EAClB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,UAAW,CACT,IAAK,CAAC,UAAU,EAChB,cAAe,CAAC,kBAAkB,EAClC,OAAQ,CAAC,UAAU,EACnB,iBAAkB,CAAC,kBAAkB,EACrC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,KAAM,CACJ,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,EAClB,eAAgB,CAAC,mBAAmB,EACpC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,QAAS,CACP,OAAQ,CAAC,gBAAgB,EACzB,OAAQ,CAAC,0BAA0B,EACnC,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,eAAe,EACvB,OAAQ,CAAC,gBAAgB,EACzB,IAAK,CAAC,aAAa,EACnB,aAAc,CAAC,eAAe,EAC9B,WAAY,CAAC,aAAa,EAC1B,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,yBAAyB,EACjC,gBAAiB,CAAC,iBAAiB,EACnC,eAAgB,CAAC,gBAAgB,EACjC,eAAgB,CAAC,gBAAgB,EACjC,QAAS,CAAC,iBAAiB,EAC3B,QAAS,CAAC,2BAA2B,EACrC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,0BAA0B,EACnC,eAAgB,CAAC,gCAAgC,EACjD,MAAO,CAAC,yBAAyB,CACnC,EACA,MAAO,CACL,OAAQ,CAAC,sBAAsB,EAC/B,OAAQ,CAAC,sBAAsB,EAC/B,KAAM,CAAC,oBAAoB,EAC3B,OAAQ,CAAC,cAAc,EACvB,MAAO,CAAC,aAAa,EACrB,IAAK,CAAC,WAAW,EACjB,aAAc,CAAC,0BAA0B,EACzC,WAAY,CAAC,wBAAwB,EACrC,aAAc,CAAC,aAAa,EAC5B,WAAY,CAAC,WAAW,EACxB,SAAU,CAAC,gBAAgB,EAC3B,iBAAkB,CAAC,8BAA8B,EACjD,gBAAiB,CAAC,6BAA6B,EAC/C,QAAS,CAAC,eAAe,EACzB,QAAS,CAAC,uBAAuB,EACjC,QAAS,CAAC,uBAAuB,EACjC,OAAQ,CAAC,sBAAsB,EAC/B,eAAgB,CAAC,4BAA4B,EAC7C,MAAO,CAAC,qBAAqB,CAC/B,EACA,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEAD,EAAK,YAAc"}
+{"version":3,"file":"Flex.js","names":[],"sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled(\n  'div',\n  {\n    base: ['flex'],\n    variants: {\n      direction: {\n        row: ['flex-row'],\n        'row-reverse': ['flex-row-reverse'],\n        column: ['flex-col'],\n        'column-reverse': ['flex-col-reverse'],\n        inherit: ['direction-[inherit]'],\n        initial: ['direction-[initial]'],\n        revert: ['direction-[revert]'],\n        'revert-layer': ['direction-[revert-layer]'],\n        unset: ['direction-[unset]']\n      },\n      wrap: {\n        nowrap: ['flex-nowrap'],\n        wrap: ['flex-wrap'],\n        'wrap-reverse': ['flex-wrap-reverse'],\n        inherit: ['[flex-wrap:inherit]'],\n        initial: ['[flex-wrap:initial]'],\n        revert: ['[flex-wrap:revert]'],\n        'revert-layer': ['[flex-wrap:revert-layer]'],\n        unset: ['[flex-wrap:unset]']\n      },\n      justify: {\n        normal: ['justify-normal'],\n        unsafe: ['[justify-content:unsafe]'],\n        safe: ['[justify-content:safe]'],\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n        'flex-start': ['justify-start'],\n        'flex-end': ['justify-end'],\n        left: ['[justify-content:left]'],\n        right: ['[justify-content:right]'],\n        'space-between': ['justify-between'],\n        'space-around': ['justify-around'],\n        'space-evenly': ['justify-evenly'],\n        stretch: ['justify-stretch'],\n        inherit: ['[justify-content:inherit]'],\n        initial: ['[justify-content:initial]'],\n        revert: ['[justify-content:revert]'],\n        'revert-layer': ['[justify-content:revert-layer]'],\n        unset: ['[justify-content:unset]']\n      },\n      align: {\n        normal: ['[align-items:normal]'],\n        unsafe: ['[align-items:unsafe]'],\n        safe: ['[align-items:safe]'],\n        center: ['items-center'],\n        start: ['items-start'],\n        end: ['items-end'],\n        'self-start': ['[align-items:self-start]'],\n        'self-end': ['[align-items:self-end]'],\n        'flex-start': ['items-start'],\n        'flex-end': ['items-end'],\n        baseline: ['items-baseline'],\n        'first baseline': ['[align-items:first baseline]'],\n        'last baseline': ['[align-items:last baseline]'],\n        stretch: ['items-stretch'],\n        inherit: ['[align-items:inherit]'],\n        initial: ['[align-items:initial]'],\n        revert: ['[align-items:revert]'],\n        'revert-layer': ['[align-items:revert-layer]'],\n        unset: ['[align-items:unset]']\n      },\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nFlex.displayName = 'Flex'\n"],"mappings":";;AAEA,IAAa,IAAO,EAClB,OACA;CACE,MAAM,CAAC,OAAO;CACd,UAAU;EACR,WAAW;GACT,KAAK,CAAC,WAAW;GACjB,eAAe,CAAC,mBAAmB;GACnC,QAAQ,CAAC,WAAW;GACpB,kBAAkB,CAAC,mBAAmB;GACtC,SAAS,CAAC,sBAAsB;GAChC,SAAS,CAAC,sBAAsB;GAChC,QAAQ,CAAC,qBAAqB;GAC9B,gBAAgB,CAAC,2BAA2B;GAC5C,OAAO,CAAC,oBAAoB;GAC7B;EACD,MAAM;GACJ,QAAQ,CAAC,cAAc;GACvB,MAAM,CAAC,YAAY;GACnB,gBAAgB,CAAC,oBAAoB;GACrC,SAAS,CAAC,sBAAsB;GAChC,SAAS,CAAC,sBAAsB;GAChC,QAAQ,CAAC,qBAAqB;GAC9B,gBAAgB,CAAC,2BAA2B;GAC5C,OAAO,CAAC,oBAAoB;GAC7B;EACD,SAAS;GACP,QAAQ,CAAC,iBAAiB;GAC1B,QAAQ,CAAC,2BAA2B;GACpC,MAAM,CAAC,yBAAyB;GAChC,OAAO,CAAC,gBAAgB;GACxB,QAAQ,CAAC,iBAAiB;GAC1B,KAAK,CAAC,cAAc;GACpB,cAAc,CAAC,gBAAgB;GAC/B,YAAY,CAAC,cAAc;GAC3B,MAAM,CAAC,yBAAyB;GAChC,OAAO,CAAC,0BAA0B;GAClC,iBAAiB,CAAC,kBAAkB;GACpC,gBAAgB,CAAC,iBAAiB;GAClC,gBAAgB,CAAC,iBAAiB;GAClC,SAAS,CAAC,kBAAkB;GAC5B,SAAS,CAAC,4BAA4B;GACtC,SAAS,CAAC,4BAA4B;GACtC,QAAQ,CAAC,2BAA2B;GACpC,gBAAgB,CAAC,iCAAiC;GAClD,OAAO,CAAC,0BAA0B;GACnC;EACD,OAAO;GACL,QAAQ,CAAC,uBAAuB;GAChC,QAAQ,CAAC,uBAAuB;GAChC,MAAM,CAAC,qBAAqB;GAC5B,QAAQ,CAAC,eAAe;GACxB,OAAO,CAAC,cAAc;GACtB,KAAK,CAAC,YAAY;GAClB,cAAc,CAAC,2BAA2B;GAC1C,YAAY,CAAC,yBAAyB;GACtC,cAAc,CAAC,cAAc;GAC7B,YAAY,CAAC,YAAY;GACzB,UAAU,CAAC,iBAAiB;GAC5B,kBAAkB,CAAC,+BAA+B;GAClD,iBAAiB,CAAC,8BAA8B;GAChD,SAAS,CAAC,gBAAgB;GAC1B,SAAS,CAAC,wBAAwB;GAClC,SAAS,CAAC,wBAAwB;GAClC,QAAQ,CAAC,uBAAuB;GAChC,gBAAgB,CAAC,6BAA6B;GAC9C,OAAO,CAAC,sBAAsB;GAC/B;EACD,KAAK;GACH,GAAG,CAAC,UAAU;GACd,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,IAAI,CAAC,QAAQ;GACb,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACd;EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC;AAED,EAAK,cAAc"}

package/dist/components/form/Form.js

@@ -1,2 +1,20 @@
-import*as o from"react";import{useForm as p,FormProvider as c}from"react-hook-form";import{FormCustomContext as f}from"./useFormCustomContext.js";const a=t=>{const{children:e,defaultValues:m,validationMode:n="onBlur",onSubmit:l,onError:i,appearance:u,...d}=t,r=p({defaultValues:m,mode:n});return o.createElement(c,{...r},o.createElement(f.Provider,{value:{appearance:u}},o.createElement("form",{"aria-label":"form",onSubmit:r.handleSubmit(l,i),...d},typeof e=="function"?e(r):e)))};a.displayName="Form";export{a as Form};
-//# sourceMappingURL=Form.js.map
+import { FormCustomContext as e } from "./useFormCustomContext.js";
+import * as t from "react";
+import { FormProvider as n, useForm as r } from "react-hook-form";
+//#region src/components/form/Form.tsx
+var i = (i) => {
+	let { children: a, defaultValues: o, validationMode: s = "onBlur", onSubmit: c, onError: l, appearance: u, ...d } = i, f = r({
+		defaultValues: o,
+		mode: s
+	});
+	return /* @__PURE__ */ t.createElement(n, f, /* @__PURE__ */ t.createElement(e.Provider, { value: { appearance: u } }, /* @__PURE__ */ t.createElement("form", {
+		"aria-label": "form",
+		onSubmit: f.handleSubmit(c, l),
+		...d
+	}, typeof a == "function" ? a(f) : a)));
+};
+i.displayName = "Form";
+//#endregion
+export { i as Form };
+
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import * as React from 'react'\nimport type {\n  DefaultValues,\n  FieldValues,\n  Mode,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormMethods\n} from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport {\n  type FormCustomContextType,\n  FormCustomContext\n} from './useFormCustomContext'\n\ntype FormProps<TFormData extends FieldValues> = Omit<\n  React.HTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onError' | 'children'\n> & {\n  defaultValues?: DefaultValues<TFormData>\n  validationMode?: Mode\n  onSubmit: SubmitHandler<TFormData>\n  onError?: SubmitErrorHandler<TFormData>\n  noValidate?: boolean\n  children:\n    | React.ReactNode\n    | ((methods: UseFormMethods<TFormData>) => React.ReactNode)\n}\n\nexport const Form = <TFormData extends FieldValues>(\n  props: FormProps<TFormData> & FormCustomContextType\n) => {\n  const {\n    children,\n    defaultValues,\n    validationMode = 'onBlur',\n    onSubmit,\n    onError,\n    appearance,\n    ...rest\n  } = props\n\n  const methods = useForm<TFormData>({\n    defaultValues,\n    mode: validationMode\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <FormCustomContext.Provider value={{ appearance }}>\n        <form\n          aria-label=\"form\"\n          onSubmit={methods.handleSubmit(onSubmit, onError)}\n          {...rest}\n        >\n          {typeof children === 'function' ? children(methods) : children}\n        </form>\n      </FormCustomContext.Provider>\n    </FormProvider>\n  )\n}\n\nForm.displayName = 'Form'\n"],"names":["Form","props","children","defaultValues","validationMode","onSubmit","onError","appearance","rest","methods","useForm","React","FormProvider","FormCustomContext"],"mappings":"kJA8Ba,MAAAA,EACXC,GACG,CACH,KAAM,CACJ,SAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,SACjB,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAIP,EAEEQ,EAAUC,EAAmB,CACjC,cAAAP,EACA,KAAMC,CACR,CAAC,EAED,OACEO,EAAA,cAACC,EAAA,CAAc,GAAGH,CAAAA,EAChBE,EAAA,cAACE,EAAkB,SAAlB,CAA2B,MAAO,CAAE,WAAAN,CAAW,CAC9CI,EAAAA,EAAA,cAAC,OACC,CAAA,aAAW,OACX,SAAUF,EAAQ,aAAaJ,EAAUC,CAAO,EAC/C,GAAGE,GAEH,OAAON,GAAa,WAAaA,EAASO,CAAO,EAAIP,CACxD,CACF,CACF,CAEJ,EAEAF,EAAK,YAAc"}
+{"version":3,"file":"Form.js","names":[],"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import * as React from 'react'\nimport type {\n  DefaultValues,\n  FieldValues,\n  Mode,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormMethods\n} from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport {\n  type FormCustomContextType,\n  FormCustomContext\n} from './useFormCustomContext'\n\ntype FormProps<TFormData extends FieldValues> = Omit<\n  React.HTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onError' | 'children'\n> & {\n  defaultValues?: DefaultValues<TFormData>\n  validationMode?: Mode\n  onSubmit: SubmitHandler<TFormData>\n  onError?: SubmitErrorHandler<TFormData>\n  noValidate?: boolean\n  children:\n    | React.ReactNode\n    | ((methods: UseFormMethods<TFormData>) => React.ReactNode)\n}\n\nexport const Form = <TFormData extends FieldValues>(\n  props: FormProps<TFormData> & FormCustomContextType\n) => {\n  const {\n    children,\n    defaultValues,\n    validationMode = 'onBlur',\n    onSubmit,\n    onError,\n    appearance,\n    ...rest\n  } = props\n\n  const methods = useForm<TFormData>({\n    defaultValues,\n    mode: validationMode\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <FormCustomContext.Provider value={{ appearance }}>\n        <form\n          aria-label=\"form\"\n          onSubmit={methods.handleSubmit(onSubmit, onError)}\n          {...rest}\n        >\n          {typeof children === 'function' ? children(methods) : children}\n        </form>\n      </FormCustomContext.Provider>\n    </FormProvider>\n  )\n}\n\nForm.displayName = 'Form'\n"],"mappings":";;;;AA8BA,IAAa,KACX,MACG;CACH,IAAM,EACJ,aACA,kBACA,oBAAiB,UACjB,aACA,YACA,eACA,GAAG,MACD,GAEE,IAAU,EAAmB;EACjC;EACA,MAAM;EACP,CAAC;AAEF,QACE,kBAAA,cAAC,GAAiB,GAChB,kBAAA,cAAC,EAAkB,UAAnB,EAA4B,OAAO,EAAE,eAAY,EAQpB,EAP3B,kBAAA,cAAC,QAAD;EACE,cAAW;EACX,UAAU,EAAQ,aAAa,GAAU,EAAQ;EACjD,GAAI;EAGC,EADJ,OAAO,KAAa,aAAa,EAAS,EAAQ,GAAG,EACjD,CACoB,CAChB;;AAInB,EAAK,cAAc"}

package/dist/components/form/useFieldError.js

@@ -1,2 +1,11 @@
-import s from"dlv";import{useFormContext as i}from"react-hook-form";const l=o=>{var r;const{errors:e}=i(),t=o.split(/[,[\].]+?/).filter(Boolean);return{error:(r=s(e,t))==null?void 0:r.message}};export{l as useFieldError};
-//# sourceMappingURL=useFieldError.js.map
+import { useFormContext as e } from "react-hook-form";
+import t from "dlv";
+//#region src/components/form/useFieldError.ts
+var n = (n) => {
+	let { errors: r } = e();
+	return { error: t(r, n.split(/[,[\].]+?/).filter(Boolean))?.message };
+};
+//#endregion
+export { n as useFieldError };
+
+//# sourceMappingURL=useFieldError.js.map

package/dist/components/form/useFieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldError.js","sources":["../../../src/components/form/useFieldError.ts"],"sourcesContent":["import delve from 'dlv'\nimport { useFormContext } from 'react-hook-form'\n\nexport const useFieldError = (fieldName: string) => {\n  const { errors } = useFormContext()\n\n  // in case of migration to a newer version of react-hook-form the path needs to updated to account for dynamic fields naming convention\n  const fieldPath = fieldName.split(/[,[\\].]+?/).filter(Boolean)\n\n  const getErrors = () => delve(errors, fieldPath)\n\n  return {\n    error: getErrors()?.message\n  }\n}\n"],"names":["useFieldError","fieldName","_a","errors","useFormContext","fieldPath","delve"],"mappings":"oEAGa,MAAAA,EAAiBC,GAAsB,CAHpD,IAAAC,EAIE,KAAM,CAAE,OAAAC,CAAO,EAAIC,EAAe,EAG5BC,EAAYJ,EAAU,MAAM,WAAW,EAAE,OAAO,OAAO,EAI7D,MAAO,CACL,OAAOC,EAHeI,EAAMH,EAAQE,CAAS,IAGtC,KAAAH,OAAAA,EAAa,OACtB,CACF"}
+{"version":3,"file":"useFieldError.js","names":[],"sources":["../../../src/components/form/useFieldError.ts"],"sourcesContent":["import delve from 'dlv'\nimport { useFormContext } from 'react-hook-form'\n\nexport const useFieldError = (fieldName: string) => {\n  const { errors } = useFormContext()\n\n  // in case of migration to a newer version of react-hook-form the path needs to updated to account for dynamic fields naming convention\n  const fieldPath = fieldName.split(/[,[\\].]+?/).filter(Boolean)\n\n  const getErrors = () => delve(errors, fieldPath)\n\n  return {\n    error: getErrors()?.message\n  }\n}\n"],"mappings":";;;AAGA,IAAa,KAAiB,MAAsB;CAClD,IAAM,EAAE,cAAW,GAAgB;AAOnC,QAAO,EACL,OAHsB,EAAM,GAFZ,EAAU,MAAM,YAAY,CAAC,OAAO,QAAQ,CAEd,EAG1B,SACrB"}

package/dist/components/form/useFormCustomContext.js

@@ -1,2 +1,7 @@
-import*as t from"react";const e=t.createContext({appearance:"standard"}),o=()=>t.useContext(e);export{e as FormCustomContext,o as useFormCustomContext};
-//# sourceMappingURL=useFormCustomContext.js.map
+import * as e from "react";
+//#region src/components/form/useFormCustomContext.ts
+var t = e.createContext({ appearance: "standard" }), n = () => e.useContext(t);
+//#endregion
+export { t as FormCustomContext, n as useFormCustomContext };
+
+//# sourceMappingURL=useFormCustomContext.js.map

package/dist/components/form/useFormCustomContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormCustomContext.js","sources":["../../../src/components/form/useFormCustomContext.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { InputField } from '../input-field/InputField'\n\nexport type FormCustomContextType =\n  | {\n      appearance?: React.ComponentProps<typeof InputField>['appearance']\n    }\n  | undefined\n\nexport const FormCustomContext = React.createContext<FormCustomContextType>({\n  appearance: 'standard'\n})\n\nexport const useFormCustomContext = () => React.useContext(FormCustomContext)\n"],"names":["FormCustomContext","React","useFormCustomContext"],"mappings":"wBAUa,MAAAA,EAAoBC,EAAM,cAAqC,CAC1E,WAAY,UACd,CAAC,EAEYC,EAAuB,IAAMD,EAAM,WAAWD,CAAiB"}
+{"version":3,"file":"useFormCustomContext.js","names":[],"sources":["../../../src/components/form/useFormCustomContext.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { InputField } from '../input-field/InputField'\n\nexport type FormCustomContextType =\n  | {\n      appearance?: React.ComponentProps<typeof InputField>['appearance']\n    }\n  | undefined\n\nexport const FormCustomContext = React.createContext<FormCustomContextType>({\n  appearance: 'standard'\n})\n\nexport const useFormCustomContext = () => React.useContext(FormCustomContext)\n"],"mappings":";;AAUA,IAAa,IAAoB,EAAM,cAAqC,EAC1E,YAAY,YACb,CAAC,EAEW,UAA6B,EAAM,WAAW,EAAkB"}

package/dist/components/grid/Grid.js

@@ -1,2 +1,34 @@
-import r from"clsx";import*as g from"react";import{styled as o}from"../../styled.js";const n=o("div",{base:["grid"],variants:{gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}},{enabledResponsiveVariants:!0}),i=({className:m,style:p,gap:t="2",minItemSize:a,maxItemSize:e="1fr",...s})=>g.createElement(n,{...s,style:{...p,...a&&{"--min-item-size":a},...e&&{"--max-item-size":e}},gap:t,className:r(a&&["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"],m)});i.displayName="Grid";export{i as Grid};
-//# sourceMappingURL=Grid.js.map
+import { styled as e } from "../../styled.js";
+import t from "clsx";
+import * as n from "react";
+//#region src/components/grid/Grid.tsx
+var r = e("div", {
+	base: ["grid"],
+	variants: { gap: {
+		0: ["gap-0.5"],
+		1: ["gap-1"],
+		2: ["gap-2"],
+		3: ["gap-3"],
+		4: ["gap-4"],
+		24: ["gap-6"],
+		5: ["gap-8"],
+		6: ["gap-10"],
+		7: ["gap-12"],
+		8: ["gap-16"],
+		9: ["gap-20"]
+	} }
+}, { enabledResponsiveVariants: !0 }), i = ({ className: e, style: i, gap: a = "2", minItemSize: o, maxItemSize: s = "1fr", ...c }) => /* @__PURE__ */ n.createElement(r, {
+	...c,
+	style: {
+		...i,
+		...o && { "--min-item-size": o },
+		...s && { "--max-item-size": s }
+	},
+	gap: a,
+	className: t(o && ["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"], e)
+});
+i.displayName = "Grid";
+//#endregion
+export { i as Grid };
+
+//# sourceMappingURL=Grid.js.map

package/dist/components/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled(\n  'div',\n  {\n    base: ['grid'],\n    variants: {\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","className","style","gap","minItemSize","maxItemSize","remainingProps","React","clsx"],"mappings":"qFAKA,MAAMA,EAAgBC,EACpB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAO,CAAC,CACnB,UAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,IACN,YAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CACE,GAAGQ,EACJ,MAAO,CACL,GAAGJ,EACH,GAAIE,GAAe,CAAE,kBAAmBA,CAAY,EACpD,GAAIC,GAAe,CAAE,kBAAmBA,CAAY,CACtD,EACA,IAAKF,EACL,UAAWK,EACTJ,GAAe,CACb,oFACF,EACAH,CACF,CACF,CAAA,EAGFD,EAAK,YAAc"}
+{"version":3,"file":"Grid.js","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled(\n  'div',\n  {\n    base: ['grid'],\n    variants: {\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"mappings":";;;;AAKA,IAAM,IAAgB,EACpB,OACA;CACE,MAAM,CAAC,OAAO;CACd,UAAU,EACR,KAAK;EACH,GAAG,CAAC,UAAU;EACd,GAAG,CAAC,QAAQ;EACZ,GAAG,CAAC,QAAQ;EACZ,GAAG,CAAC,QAAQ;EACZ,GAAG,CAAC,QAAQ;EACZ,IAAI,CAAC,QAAQ;EACb,GAAG,CAAC,QAAQ;EACZ,GAAG,CAAC,SAAS;EACb,GAAG,CAAC,SAAS;EACb,GAAG,CAAC,SAAS;EACb,GAAG,CAAC,SAAS;EACd,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAOY,KAAQ,EACnB,cACA,UACA,SAAM,KACN,gBACA,iBAAc,OACd,GAAG,QAEH,kBAAA,cAAC,GAAD;CACE,GAAI;CACJ,OAAO;EACL,GAAG;EACH,GAAI,KAAe,EAAE,mBAAmB,GAAa;EACrD,GAAI,KAAe,EAAE,mBAAmB,GAAa;EACtD;CACI;CACL,WAAW,EACT,KAAe,CACb,qFACD,EACD,EACD;CACD,CAAA;AAGJ,EAAK,cAAc"}

package/dist/components/heading/Heading.js

@@ -1,2 +1,67 @@
-import*as e from"react";import{styled as d}from"../../styled.js";const a=d("h2",{base:[],variants:{size:{xs:["font-body","text-md","leading-normal","capsize-[0.3864]"],sm:["font-body","text-lg","leading-[1.14]","capsize-[0.2078]"],md:["font-display","text-xl","leading-[1.14]","tracking-[0.01em]","capsize-before-[0.2114]","capsize-after-[0.2634]"],lg:["font-display","text-2xl","leading-[1.08]","tracking-[0.01em]","capsize-before-[0.1405]","capsize-after-[0.2405]"],xl:["font-display","text-3xl","leading-[1.12]","capsize-before-[0.16]","capsize-after-[0.26]"],xxl:["font-display","text-4xl","leading-none","capsize-before-[0.1]","capsize-after-[0.2]"]},noCapsize:{true:["capsize-none"]},weight:{medium:["font-medium"],bold:["font-bold"]}}},{enabledResponsiveVariants:!0}),i=e.forwardRef(({size:t="md",weight:n="bold",...s},o)=>e.createElement(a,{ref:o,size:t,weight:n,...s}));i.displayName="Heading";export{i as Heading,a as StyledHeading};
-//# sourceMappingURL=Heading.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/heading/Heading.tsx
+var n = e("h2", {
+	base: [],
+	variants: {
+		size: {
+			xs: [
+				"font-body",
+				"text-md",
+				"leading-normal",
+				"capsize-[0.3864]"
+			],
+			sm: [
+				"font-body",
+				"text-lg",
+				"leading-[1.14]",
+				"capsize-[0.2078]"
+			],
+			md: [
+				"font-display",
+				"text-xl",
+				"leading-[1.14]",
+				"tracking-[0.01em]",
+				"capsize-before-[0.2114]",
+				"capsize-after-[0.2634]"
+			],
+			lg: [
+				"font-display",
+				"text-2xl",
+				"leading-[1.08]",
+				"tracking-[0.01em]",
+				"capsize-before-[0.1405]",
+				"capsize-after-[0.2405]"
+			],
+			xl: [
+				"font-display",
+				"text-3xl",
+				"leading-[1.12]",
+				"capsize-before-[0.16]",
+				"capsize-after-[0.26]"
+			],
+			xxl: [
+				"font-display",
+				"text-4xl",
+				"leading-none",
+				"capsize-before-[0.1]",
+				"capsize-after-[0.2]"
+			]
+		},
+		noCapsize: { true: ["capsize-none"] },
+		weight: {
+			medium: ["font-medium"],
+			bold: ["font-bold"]
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), r = t.forwardRef(({ size: e = "md", weight: r = "bold", ...i }, a) => /* @__PURE__ */ t.createElement(n, {
+	ref: a,
+	size: e,
+	weight: r,
+	...i
+}));
+r.displayName = "Heading";
+//#endregion
+export { r as Heading };
+
+//# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nexport const StyledHeading = styled(\n  'h2',\n  {\n    base: [],\n    variants: {\n      size: {\n        xs: ['font-body', 'text-md', 'leading-normal', 'capsize-[0.3864]'],\n        sm: ['font-body', 'text-lg', 'leading-[1.14]', 'capsize-[0.2078]'],\n        md: [\n          'font-display',\n          'text-xl',\n          'leading-[1.14]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.2114]',\n          'capsize-after-[0.2634]'\n        ],\n        lg: [\n          'font-display',\n          'text-2xl',\n          'leading-[1.08]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.1405]',\n          'capsize-after-[0.2405]'\n        ],\n        xl: [\n          'font-display',\n          'text-3xl',\n          'leading-[1.12]',\n          'capsize-before-[0.16]',\n          'capsize-after-[0.26]'\n        ],\n        xxl: [\n          'font-display',\n          'text-4xl',\n          'leading-none',\n          'capsize-before-[0.1]',\n          'capsize-after-[0.2]'\n        ]\n      },\n      noCapsize: {\n        true: ['capsize-none']\n      },\n      weight: {\n        medium: ['font-medium'],\n        bold: ['font-bold']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type HeadingProps = Override<\n  React.ComponentProps<typeof StyledHeading>,\n  {\n    as?:\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ size = 'md', weight = 'bold', ...remainingProps }, ref) => (\n    <StyledHeading ref={ref} size={size} weight={weight} {...remainingProps} />\n  )\n)\n\nHeading.displayName = 'Heading'\n"],"names":["StyledHeading","styled","Heading","React","size","weight","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAgBC,EAC3B,KACA,CACE,KAAM,CAAA,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CACF,eACA,UACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,wBACA,sBACF,EACA,IAAK,CACH,eACA,WACA,eACA,uBACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,cAAc,CACvB,EACA,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAiBaC,EAAUC,EAAM,WAC3B,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAc,CAAA,IAAKO,EAAK,KAAMH,EAAM,OAAQC,EAAS,GAAGC,CAAgB,CAAA,CAE7E,EAEAJ,EAAQ,YAAc"}
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities/types'\n\nexport const StyledHeading = styled(\n  'h2',\n  {\n    base: [],\n    variants: {\n      size: {\n        xs: ['font-body', 'text-md', 'leading-normal', 'capsize-[0.3864]'],\n        sm: ['font-body', 'text-lg', 'leading-[1.14]', 'capsize-[0.2078]'],\n        md: [\n          'font-display',\n          'text-xl',\n          'leading-[1.14]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.2114]',\n          'capsize-after-[0.2634]'\n        ],\n        lg: [\n          'font-display',\n          'text-2xl',\n          'leading-[1.08]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.1405]',\n          'capsize-after-[0.2405]'\n        ],\n        xl: [\n          'font-display',\n          'text-3xl',\n          'leading-[1.12]',\n          'capsize-before-[0.16]',\n          'capsize-after-[0.26]'\n        ],\n        xxl: [\n          'font-display',\n          'text-4xl',\n          'leading-none',\n          'capsize-before-[0.1]',\n          'capsize-after-[0.2]'\n        ]\n      },\n      noCapsize: {\n        true: ['capsize-none']\n      },\n      weight: {\n        medium: ['font-medium'],\n        bold: ['font-bold']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type HeadingProps = Override<\n  React.ComponentProps<typeof StyledHeading>,\n  {\n    as?:\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ size = 'md', weight = 'bold', ...remainingProps }, ref) => (\n    <StyledHeading ref={ref} size={size} weight={weight} {...remainingProps} />\n  )\n)\n\nHeading.displayName = 'Heading'\n"],"mappings":";;;AAKA,IAAa,IAAgB,EAC3B,MACA;CACE,MAAM,EAAE;CACR,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAa;IAAW;IAAkB;IAAmB;GAClE,IAAI;IAAC;IAAa;IAAW;IAAkB;IAAmB;GAClE,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACD;GACD,KAAK;IACH;IACA;IACA;IACA;IACA;IACD;GACF;EACD,WAAW,EACT,MAAM,CAAC,eAAe,EACvB;EACD,QAAQ;GACN,QAAQ,CAAC,cAAc;GACvB,MAAM,CAAC,YAAY;GACpB;EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAiBY,IAAU,EAAM,YAC1B,EAAE,UAAO,MAAM,YAAS,QAAQ,GAAG,KAAkB,MACpD,kBAAA,cAAC,GAAD;CAAoB;CAAW;CAAc;CAAQ,GAAI;CAAkB,CAAA,CAE9E;AAED,EAAQ,cAAc"}

package/dist/components/icon/Icon.js

@@ -1,2 +1,29 @@
-import*as e from"react";import{styled as t}from"../../styled.js";const s=t("svg",{base:["inline-block","fill-none","shrink-0","stroke-current","[stroke-linecap:round]","[stroke-linejoin:round]","align-middle"],variants:{size:{sm:["size-4","stroke-[1.5]"],md:["size-6","stroke-[1.75]"],lg:["size-8","stroke-2"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({is:r,size:i="md",...n},o)=>e.createElement(s,{size:i,"aria-hidden":"true",...n,as:r,ref:o}));export{a as Icon,s as StyledIcon};
-//# sourceMappingURL=Icon.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/icon/Icon.tsx
+var n = e("svg", {
+	base: [
+		"inline-block",
+		"fill-none",
+		"shrink-0",
+		"stroke-current",
+		"[stroke-linecap:round]",
+		"[stroke-linejoin:round]",
+		"align-middle"
+	],
+	variants: { size: {
+		sm: ["size-4", "stroke-[1.5]"],
+		md: ["size-6", "stroke-[1.75]"],
+		lg: ["size-8", "stroke-2"]
+	} }
+}, { enabledResponsiveVariants: !0 }), r = t.forwardRef(({ is: e, size: r = "md", ...i }, a) => /* @__PURE__ */ t.createElement(n, {
+	size: r,
+	"aria-hidden": "true",
+	...i,
+	as: e,
+	ref: a
+}));
+//#endregion
+export { r as Icon };
+
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled(\n  'svg',\n  {\n    base: [\n      'inline-block',\n      'fill-none',\n      'shrink-0',\n      'stroke-current',\n      '[stroke-linecap:round]',\n      '[stroke-linejoin:round]',\n      'align-middle'\n    ],\n    variants: {\n      size: {\n        sm: ['size-4', 'stroke-[1.5]'],\n        md: ['size-6', 'stroke-[1.75]'],\n        lg: ['size-8', 'stroke-2']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EACxB,MACA,CACE,KAAM,CACJ,eACA,YACA,WACA,iBACA,yBACA,0BACA,cACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,cAAc,EAC7B,GAAI,CAAC,SAAU,eAAe,EAC9B,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAUaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,KAAM,GAAGC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,GACC,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled(\n  'svg',\n  {\n    base: [\n      'inline-block',\n      'fill-none',\n      'shrink-0',\n      'stroke-current',\n      '[stroke-linecap:round]',\n      '[stroke-linejoin:round]',\n      'align-middle'\n    ],\n    variants: {\n      size: {\n        sm: ['size-4', 'stroke-[1.5]'],\n        md: ['size-6', 'stroke-[1.75]'],\n        lg: ['size-8', 'stroke-2']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"mappings":";;;AAKA,IAAa,IAAa,EACxB,OACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU,eAAe;EAC9B,IAAI,CAAC,UAAU,gBAAgB;EAC/B,IAAI,CAAC,UAAU,WAAW;EAC3B,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAUY,IAAO,EAAM,YACvB,EAAE,IAAI,GAAK,UAAO,MAAM,GAAG,KAAkB,MAC5C,kBAAA,cAAC,GAAD;CACQ;CACN,eAAY;CACZ,GAAI;CACJ,IAAI;CACC;CACL,CAAA,CAEL"}

package/dist/components/image/Image.js

@@ -1,2 +1,21 @@
-import*as e from"react";import{styled as m}from"../../styled.js";const t=m("img",{base:[],variants:{fluid:{true:["[[src$='.svg']]:h-auto","[[src$='.svg']]:max-w-none","[[src$='.svg']]:w-full","[[width]]:[[height]]:h-auto","[[width]]:w-auto"]}}}),a=e.forwardRef((r,s)=>e.createElement(t,{...r,ref:s}));a.displayName="Image";export{a as Image,t as StyledImage};
-//# sourceMappingURL=Image.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/image/Image.tsx
+var n = e("img", {
+	base: [],
+	variants: { fluid: { true: [
+		"[[src$='.svg']]:h-auto",
+		"[[src$='.svg']]:max-w-none",
+		"[[src$='.svg']]:w-full",
+		"[[width]]:[[height]]:h-auto",
+		"[[width]]:w-auto"
+	] } }
+}), r = t.forwardRef((e, r) => /* @__PURE__ */ t.createElement(n, {
+	...e,
+	ref: r
+}));
+r.displayName = "Image";
+//#endregion
+export { r as Image };
+
+//# sourceMappingURL=Image.js.map

package/dist/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\n// default styling lifted from https://www.zachleat.com/web/fluid-images/#copy-and-paste\n// (potentially unnecessary now we've moved to Tailwind)\nexport const StyledImage = styled('img', {\n  base: [],\n  variants: {\n    fluid: {\n      true: [\n        \"[[src$='.svg']]:h-auto\",\n        \"[[src$='.svg']]:max-w-none\",\n        \"[[src$='.svg']]:w-full\",\n        '[[width]]:[[height]]:h-auto',\n        '[[width]]:w-auto'\n      ]\n    }\n  }\n})\n\ntype ImageProps = Override<\n  React.ComponentProps<typeof StyledImage>,\n  { as?: never }\n>\n\nexport const Image = React.forwardRef<HTMLImageElement, ImageProps>(\n  (props, ref) => <StyledImage {...props} ref={ref} />\n)\n\nImage.displayName = 'Image'\n"],"names":["StyledImage","styled","Image","React","props","ref"],"mappings":"iEAOO,MAAMA,EAAcC,EAAO,MAAO,CACvC,KAAM,CAAA,EACN,SAAU,CACR,MAAO,CACL,KAAM,CACJ,yBACA,6BACA,yBACA,8BACA,kBACF,CACF,CACF,CACF,CAAC,EAOYC,EAAQC,EAAM,WACzB,CAACC,EAAOC,IAAQF,EAAA,cAACH,GAAa,GAAGI,EAAO,IAAKC,CAAK,CAAA,CACpD,EAEAH,EAAM,YAAc"}
+{"version":3,"file":"Image.js","names":[],"sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\n// default styling lifted from https://www.zachleat.com/web/fluid-images/#copy-and-paste\n// (potentially unnecessary now we've moved to Tailwind)\nexport const StyledImage = styled('img', {\n  base: [],\n  variants: {\n    fluid: {\n      true: [\n        \"[[src$='.svg']]:h-auto\",\n        \"[[src$='.svg']]:max-w-none\",\n        \"[[src$='.svg']]:w-full\",\n        '[[width]]:[[height]]:h-auto',\n        '[[width]]:w-auto'\n      ]\n    }\n  }\n})\n\ntype ImageProps = Override<\n  React.ComponentProps<typeof StyledImage>,\n  { as?: never }\n>\n\nexport const Image = React.forwardRef<HTMLImageElement, ImageProps>(\n  (props, ref) => <StyledImage {...props} ref={ref} />\n)\n\nImage.displayName = 'Image'\n"],"mappings":";;;AAOA,IAAa,IAAc,EAAO,OAAO;CACvC,MAAM,EAAE;CACR,UAAU,EACR,OAAO,EACL,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,EACF;CACF,CAAC,EAOW,IAAQ,EAAM,YACxB,GAAO,MAAQ,kBAAA,cAAC,GAAD;CAAa,GAAI;CAAY;CAAO,CAAA,CACrD;AAED,EAAM,cAAc"}

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

@@ -1,2 +1,13 @@
-import{OkCircle as o,Danger as n,Info as r,Error as e}from"@atom-learning/icons";const c={success:o,warning:n,info:r,neutral:r,error:e};export{c as INLINE_MESSAGE_ICONS};
-//# sourceMappingURL=InlineMessage.config.js.map
+import { Danger as e, Error as t, Info as n, OkCircle as r } from "@atom-learning/icons";
+//#region src/components/inline-message/InlineMessage.config.ts
+var i = {
+	success: r,
+	warning: e,
+	info: n,
+	neutral: n,
+	error: t
+};
+//#endregion
+export { i as INLINE_MESSAGE_ICONS };
+
+//# sourceMappingURL=InlineMessage.config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.config.js","sources":["../../../src/components/inline-message/InlineMessage.config.ts"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nexport const INLINE_MESSAGE_ICONS: Record<\n  InlineMessageTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  success: OkCircle,\n  warning: Danger,\n  info: Info,\n  neutral: Info,\n  error: Error\n}\n"],"names":["INLINE_MESSAGE_ICONS","OkCircle","Danger","Info","Error"],"mappings":"iFAKO,MAAMA,EAGT,CACF,QAASC,EACT,QAASC,EACT,KAAMC,EACN,QAASA,EACT,MAAOC,CACT"}
+{"version":3,"file":"InlineMessage.config.js","names":[],"sources":["../../../src/components/inline-message/InlineMessage.config.ts"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nexport const INLINE_MESSAGE_ICONS: Record<\n  InlineMessageTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  success: OkCircle,\n  warning: Danger,\n  info: Info,\n  neutral: Info,\n  error: Error\n}\n"],"mappings":";;AAKA,IAAa,IAGT;CACF,SAAS;CACT,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACR"}