@mage-ui/components 0.0.99 → 1.0.3

package/dist/components/controls/text-input/TextInput.d.mts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/controls/text-input/TextInput.d.ts
+type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {
+  label?: ReactNode;
+  description?: ReactNode;
+  error?: ReactNode;
+  startSlot?: ReactNode;
+  endSlot?: ReactNode;
+  classNames?: {
+    textInput?: string;
+    root?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    wrapper?: string;
+    input?: string;
+    section?: string;
+    required?: string;
+  };
+};
+declare const TextInput: ({
+  name,
+  label,
+  description,
+  error,
+  placeholder,
+  classNames,
+  startSlot,
+  endSlot,
+  onChange,
+  value,
+  id,
+  disabled,
+  required,
+  readOnly,
+  type,
+  onClick,
+  onFocus,
+  ...props
+}: TextInputProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { TextInput, TextInputProps };
+//# sourceMappingURL=TextInput.d.mts.map

package/dist/components/controls/text-input/TextInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"mappings":";;;;KAgBY,cAAA,GAAiB,IAAA,CAAK,cAAA;EAChC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAmBvB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/text-input/TextInput.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{textInput as t,textInputDescription as n,textInputError as r,textInputInput as i,textInputLabel as a,textInputRequired as o,textInputRoot as s,textInputSection as c,textInputWrapper as l}from"@mage-ui/styled-system/recipes";import{TextInput as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({name:f,label:p,description:m,error:h,placeholder:g,classNames:_,startSlot:v,endSlot:y,onChange:b,value:x,id:S,disabled:C,required:w,readOnly:T,type:E=`text`,onClick:D,onFocus:O,...k})=>d(u,{name:f,label:p,description:m,error:h,placeholder:g,leftSection:v,rightSection:y,value:x,id:S,disabled:C,withAsterisk:w,readOnly:T,type:E,onChange:b,onClick:D,onFocus:O,classNames:{root:e(_?.textInput??t(),_?.root??s(),`group`),label:_?.label??a(),required:_?.required??o(),description:_?.description??n(),error:_?.error??r(),wrapper:_?.wrapper??l(),input:e(_?.input??i(),`peer`),section:e(_?.section??c(),`group`)},...k});export{f as TextInput};
+//# sourceMappingURL=TextInput.mjs.map

package/dist/components/controls/text-input/TextInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.mjs","names":["TextInput","MantineTextInput"],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textInput,\n  textInputDescription,\n  textInputError,\n  textInputInput,\n  textInputLabel,\n  textInputRequired,\n  textInputRoot,\n  textInputSection,\n  textInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput as MantineTextInput } from '@mantine/core';\n\nexport type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    textInput?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    required?: string;\n  };\n};\n\nexport const TextInput = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  endSlot,\n  onChange,\n  value,\n  id,\n  disabled,\n  required,\n  readOnly,\n  type = 'text',\n  onClick,\n  onFocus,\n  ...props\n}: TextInputProps) => {\n  return (\n    <MantineTextInput\n      name={name}\n      label={label}\n      description={description}\n      error={error}\n      placeholder={placeholder}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      value={value}\n      id={id}\n      disabled={disabled}\n      withAsterisk={required}\n      readOnly={readOnly}\n      type={type}\n      onChange={onChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      classNames={{\n        root: cx(\n          classNames?.textInput ?? textInput(),\n          classNames?.root ?? textInputRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textInputLabel(),\n        required: classNames?.required ?? textInputRequired(),\n        description: classNames?.description ?? textInputDescription(),\n        error: classNames?.error ?? textInputError(),\n        wrapper: classNames?.wrapper ?? textInputWrapper(),\n        input: cx(classNames?.input ?? textInputInput(), 'peer'),\n        section: cx(classNames?.section ?? textInputSection(), 'group'),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"yWAmCA,MAAaA,GAAa,CACxB,OACA,QACA,cACA,QACA,cACA,aACA,YACA,UACA,WACA,QACA,KACA,WACA,WACA,WACA,OAAO,OACP,UACA,UACA,GAAG,KAGD,EAACC,EAAAA,CACO,OACC,QACM,cACN,QACM,cACb,YAAa,EACb,aAAc,EACP,QACH,KACM,WACV,aAAc,EACJ,WACJ,OACI,WACD,UACA,UACT,WAAY,CACV,KAAM,EACJ,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACnC,QACD,CACD,MAAO,GAAY,OAAS,GAAgB,CAC5C,SAAU,GAAY,UAAY,GAAmB,CACrD,YAAa,GAAY,aAAe,GAAsB,CAC9D,MAAO,GAAY,OAAS,GAAgB,CAC5C,QAAS,GAAY,SAAW,GAAkB,CAClD,MAAO,EAAG,GAAY,OAAS,GAAgB,CAAE,OAAO,CACxD,QAAS,EAAG,GAAY,SAAW,GAAkB,CAAE,QAAQ,CAChE,CACD,GAAI,GACJ"}

package/dist/components/controls/textarea/{Textarea.d.ts → Textarea.d.mts}

@@ -1,13 +1,19 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
 type TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> & {
   name?: string;
-  label?: string;
-  description?: string;
-  error?: string;
+  label?: ReactNode;
+  description?: ReactNode;
+  error?: ReactNode;
+  startSlot?: ReactNode;
+  endSlot?: ReactNode;
+  autosize?: boolean;
+  minRows?: number;
+  maxRows?: number;
   classNames?: {
+    textarea?: string;
     root?: string;
     label?: string;
     description?: string;
@@ -16,18 +22,26 @@ type TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> & {
     input?: string;
     section?: string;
   };
-  startSlot?: ReactNode;
-  endSlot?: ReactNode;
-  autosize?: boolean;
 };
 declare const Textarea: ({
+  name,
+  label,
+  description,
+  error,
+  placeholder,
   classNames,
   startSlot,
   endSlot,
-  autosize,
   onChange,
-  ...props
-}: TextareaProps) => react_jsx_runtime5.JSX.Element;
+  value,
+  id,
+  disabled,
+  required,
+  readOnly,
+  autosize,
+  minRows,
+  maxRows
+}: TextareaProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
-//# sourceMappingURL=Textarea.d.ts.map
+//# sourceMappingURL=Textarea.d.mts.map

package/dist/components/controls/textarea/Textarea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.mts","names":[],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"mappings":";;;;KAgBY,aAAA,GAAgB,IAAA,CAAK,cAAA;EAC/B,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,QAAA;EACA,OAAA;EACA,OAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,QAAA;EAAY,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAkBtB,aAAA,KAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/textarea/Textarea.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{textarea as t,textareaDescription as n,textareaError as r,textareaInput as i,textareaLabel as a,textareaRequired as o,textareaRoot as s,textareaSection as c,textareaWrapper as l}from"@mage-ui/styled-system/recipes";import{Textarea as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({name:f,label:p,description:m,error:h,placeholder:g,classNames:_,startSlot:v,endSlot:y,onChange:b,value:x,id:S,disabled:C,required:w,readOnly:T,autosize:E,minRows:D,maxRows:O})=>d(u,{name:f,label:p,description:m,error:h,placeholder:g,leftSection:v,rightSection:y,onChange:b,value:x,id:S,disabled:C,withAsterisk:w,required:w,readOnly:T,autosize:E,minRows:D,maxRows:O,classNames:{root:e(_?.textarea??t(),_?.root??s(),`group`),label:_?.label??a(),required:_?.label??o(),description:_?.description??n(),error:_?.error??r(),wrapper:_?.wrapper??l(),input:_?.input??i(),section:_?.section??c()}});export{f as Textarea};
+//# sourceMappingURL=Textarea.mjs.map

package/dist/components/controls/textarea/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","names":["Textarea","MantineTextarea"],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textarea,\n  textareaDescription,\n  textareaError,\n  textareaInput,\n  textareaLabel,\n  textareaRequired,\n  textareaRoot,\n  textareaSection,\n  textareaWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Textarea as MantineTextarea } from '@mantine/core';\n\nexport type TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> & {\n  name?: string;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  autosize?: boolean;\n  minRows?: number;\n  maxRows?: number;\n  classNames?: {\n    textarea?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n  };\n};\n\nexport const Textarea = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  endSlot,\n  onChange,\n  value,\n  id,\n  disabled,\n  required,\n  readOnly,\n  autosize,\n  minRows,\n  maxRows,\n}: TextareaProps) => {\n  return (\n    <MantineTextarea\n      name={name}\n      label={label}\n      description={description}\n      error={error}\n      placeholder={placeholder}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      onChange={onChange}\n      value={value}\n      id={id}\n      disabled={disabled}\n      withAsterisk={required}\n      required={required}\n      readOnly={readOnly}\n      autosize={autosize}\n      minRows={minRows}\n      maxRows={maxRows}\n      classNames={{\n        root: cx(\n          classNames?.textarea ?? textarea(),\n          classNames?.root ?? textareaRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textareaLabel(),\n        required: classNames?.label ?? textareaRequired(),\n        description: classNames?.description ?? textareaDescription(),\n        error: classNames?.error ?? textareaError(),\n        wrapper: classNames?.wrapper ?? textareaWrapper(),\n        input: classNames?.input ?? textareaInput(),\n        section: classNames?.section ?? textareaSection(),\n      }}\n    />\n  );\n};\n"],"mappings":"+VAsCA,MAAaA,GAAY,CACvB,OACA,QACA,cACA,QACA,cACA,aACA,YACA,UACA,WACA,QACA,KACA,WACA,WACA,WACA,WACA,UACA,aAGE,EAACC,EAAAA,CACO,OACC,QACM,cACN,QACM,cACb,YAAa,EACb,aAAc,EACJ,WACH,QACH,KACM,WACV,aAAc,EACJ,WACA,WACA,WACD,UACA,UACT,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,QACD,CACD,MAAO,GAAY,OAAS,GAAe,CAC3C,SAAU,GAAY,OAAS,GAAkB,CACjD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,CACjD,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,CAClD,EACD"}

package/dist/components/controls/utils/chevron/Chevron.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/controls/utils/chevron/Chevron.mjs

@@ -0,0 +1,2 @@
+import{IconRaw as e}from"../../../data-display/icons/icon-raw/IconRaw.mjs";import{IconWrapped as t}from"../../../data-display/icons/icon-wrapped/IconWrapped.mjs";import{chevron as n,chevronIcon as r,chevronIconRoot as i,chevronRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({chevronOpen:c,chevronClose:l,classNames:u})=>s(t,{classNames:{iconWrapped:u?.iconWrapped??n(),root:u?.root??a()},children:[o(e,{name:c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.open?.iconRaw??r(),root:u?.open?.root??i()}}),o(e,{name:l||c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.close?.iconRaw??r(),root:u?.close?.root??i({invert:!0})}})]});export{c as Chevron};
+//# sourceMappingURL=Chevron.mjs.map

package/dist/components/controls/utils/chevron/Chevron.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.mjs","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"sourcesContent":["import { IconWrapped, IconRaw } from '@/components/data-display';\nimport {\n  chevron,\n  chevronRoot,\n  chevronIcon,\n  chevronIconRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ChevronProps = {\n  chevronOpen: string;\n  chevronClose?: string;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const Chevron = ({\n  chevronOpen,\n  chevronClose,\n  classNames,\n}: ChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.iconWrapped ?? chevron(),\n        root: classNames?.root ?? chevronRoot(),\n      }}\n    >\n      <IconRaw\n        name={chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? chevronIcon(),\n          root: classNames?.open?.root ?? chevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        name={chevronClose || chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? chevronIcon(),\n          root: classNames?.close?.root ?? chevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"oUAyBA,MAAa,GAAW,CACtB,cACA,eACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,aAAe,GAAS,CACjD,KAAM,GAAY,MAAQ,GAAa,CACxC,WAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAa,CACnD,KAAM,GAAY,MAAM,MAAQ,GAAiB,CAClD,EACD,CACF,EAAC,EAAA,CACC,KAAM,GAAgB,EACtB,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAa,CACpD,KAAM,GAAY,OAAO,MAAQ,EAAgB,CAAE,OAAQ,GAAM,CAAC,CACnE,EACD,CAAA,EACU"}

package/dist/components/controls/utils/clear-button/ClearButton.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/controls/utils/clear-button/ClearButton.mjs

@@ -0,0 +1,2 @@
+import{ButtonIcon as e}from"../../../buttons/button-icon/ButtonIcon.mjs";import{clearButton as t,clearButtonIcon as n,clearButtonIconRaw as r,clearButtonIconRawRoot as i,clearButtonRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({label:s,onClick:c,name:l=`x`,classNames:u})=>o(e,{label:s,path:`/icons/sprite-mage.svg`,name:l,onClick:c,classNames:{buttonIcon:u?.buttonIcon??t(),root:u?.root??a(),icon:u?.icon??n(),iconRaw:{iconRaw:u?.iconRaw?.iconRaw??r(),root:u?.iconRaw?.root??i()}}});export{s as ClearButton};
+//# sourceMappingURL=ClearButton.mjs.map

package/dist/components/controls/utils/clear-button/ClearButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.mjs","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"sourcesContent":["import { ButtonIcon } from '@/components/buttons';\nimport { clearButton, clearButtonRoot, clearButtonIcon, clearButtonIconRaw, clearButtonIconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type ClearButtonProps = {\n  label: string;\n  onClick: () => void;\n  name?: string;\n  classNames?: {\n    buttonIcon?: string;\n    root?: string;\n    icon?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const ClearButton = ({\n  label,\n  onClick,\n  name = 'x',\n  classNames,\n}: ClearButtonProps) => {\n  return (\n    <ButtonIcon\n      label={label}\n      path='/icons/sprite-mage.svg'\n      name={name}\n      onClick={onClick}\n      classNames={{\n        buttonIcon: classNames?.buttonIcon ?? clearButton(),\n        root: classNames?.root ?? clearButtonRoot(),\n        icon: classNames?.icon ?? clearButtonIcon(),\n        iconRaw: {\n          iconRaw: classNames?.iconRaw?.iconRaw ?? clearButtonIconRaw(),\n          root: classNames?.iconRaw?.root ?? clearButtonIconRawRoot(),\n        }\n      }}\n    />\n  );\n};\n"],"mappings":"4QAkBA,MAAa,GAAe,CAC1B,QACA,UACA,OAAO,IACP,gBAGE,EAAC,EAAA,CACQ,QACP,KAAK,yBACC,OACG,UACT,WAAY,CACV,WAAY,GAAY,YAAc,GAAa,CACnD,KAAM,GAAY,MAAQ,GAAiB,CAC3C,KAAM,GAAY,MAAQ,GAAiB,CAC3C,QAAS,CACP,QAAS,GAAY,SAAS,SAAW,GAAoB,CAC7D,KAAM,GAAY,SAAS,MAAQ,GAAwB,CAC5D,CACF,EACD"}

package/dist/components/controls/utils/index.d.mts

@@ -0,0 +1,2 @@
+import "./chevron/Chevron.mjs";
+import "./clear-button/ClearButton.mjs";

package/dist/components/data-display/avatar/Avatar.d.mts

@@ -0,0 +1,24 @@
+import { AvatarVariantProps } from "@mage-ui/styled-system/recipes";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/data-display/avatar/Avatar.d.ts
+type AvatarProps = {
+  name: string;
+  src?: string;
+  alt?: string;
+  classNames?: {
+    avatar?: string;
+    root?: string;
+    image?: string;
+    placeholder?: string;
+  };
+} & AvatarVariantProps;
+declare const Avatar: ({
+  classNames,
+  name,
+  src,
+  alt
+}: AvatarProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { Avatar, AvatarProps };
+//# sourceMappingURL=Avatar.d.mts.map

package/dist/components/data-display/avatar/Avatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"mappings":";;;;KAUY,WAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,UAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;EAAA;AAAA,IAEA,kBAAA;AAAA,cAES,MAAA;EAAU,UAAA;EAAA,IAAA;EAAA,GAAA;EAAA;AAAA,GAAgC,WAAA,KAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/avatar/Avatar.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{avatar as t,avatarImage as n,avatarPlaceholder as r,avatarRoot as i}from"@mage-ui/styled-system/recipes";import{Avatar as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({classNames:s,name:c,src:l,alt:u})=>o(a,{name:c,src:l,alt:u||c,classNames:{root:e(s?.avatar??t(),s?.root??i()),image:s?.image??n(),placeholder:s?.placeholder??r()}});export{s as Avatar};
+//# sourceMappingURL=Avatar.mjs.map

package/dist/components/data-display/avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Avatar","MantineAvatar"],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  type AvatarVariantProps,\n  avatar,\n  avatarImage,\n  avatarPlaceholder,\n  avatarRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Avatar as MantineAvatar } from '@mantine/core';\n\nexport type AvatarProps = {\n  name: string;\n  src?: string;\n  alt?: string;\n  classNames?: {\n    avatar?: string;\n    root?: string;\n    image?: string;\n    placeholder?: string;\n  };\n} & AvatarVariantProps;\n\nexport const Avatar = ({ classNames, name, src, alt }: AvatarProps) => {\n  return (\n    <MantineAvatar\n      name={name}\n      src={src}\n      alt={alt || name}\n      classNames={{\n        root: cx(\n          classNames?.avatar ?? avatar(),\n          classNames?.root ?? avatarRoot(),\n        ),\n        image: classNames?.image ?? avatarImage(),\n        placeholder: classNames?.placeholder ?? avatarPlaceholder(),\n      }}\n    />\n  );\n};\n"],"mappings":"+OAsBA,MAAaA,GAAU,CAAE,aAAY,OAAM,MAAK,SAE5C,EAACC,EAAAA,CACO,OACD,MACL,IAAK,GAAO,EACZ,WAAY,CACV,KAAM,EACJ,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,CACD,MAAO,GAAY,OAAS,GAAa,CACzC,YAAa,GAAY,aAAe,GAAmB,CAC5D,EACD"}

package/dist/components/data-display/badge/{Badge.d.ts → Badge.d.mts}

@@ -1,11 +1,13 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
 type BadgeProps = {
   classNames?: {
+    badge?: string;
     root?: string;
     section?: string;
+    label?: string;
   };
   children?: React.ReactNode;
   endSlot?: React.ReactNode;
@@ -15,9 +17,8 @@ declare const Badge: ({
   children,
   endSlot,
   startSlot,
-  classNames,
-  ...props
-}: BadgeProps) => react_jsx_runtime16.JSX.Element;
+  classNames
+}: BadgeProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
-//# sourceMappingURL=Badge.d.ts.map
+//# sourceMappingURL=Badge.d.mts.map

package/dist/components/data-display/badge/Badge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"mappings":";;;;KAWY,UAAA;EACV,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;EAAA;EAEF,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,SAAA,GAAY,KAAA,CAAM,SAAA;AAAA;AAAA,cAGP,KAAA;EAAS,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA;AAAA,GAKnB,UAAA,KAAU,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/badge/Badge.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{badge as t,badgeLabel as n,badgeRoot as r,badgeSection as i}from"@mage-ui/styled-system/recipes";import{Badge as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({children:s,endSlot:c,startSlot:l,classNames:u})=>o(a,{classNames:{root:e(u?.badge??t(),u?.root??r()),section:u?.section??i(),label:u?.label??n()},leftSection:l,rightSection:c,children:s});export{s as Badge};
+//# sourceMappingURL=Badge.mjs.map

package/dist/components/data-display/badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","names":["Badge","MantineBadge"],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  badge,\n  badgeLabel,\n  badgeRoot,\n  badgeSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Badge as MantineBadge } from '@mantine/core';\n\nexport type BadgeProps = {\n  classNames?: {\n    badge?: string;\n    root?: string;\n    section?: string;\n    label?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Badge = ({\n  children,\n  endSlot,\n  startSlot,\n  classNames,\n}: BadgeProps) => {\n  return (\n    <MantineBadge\n      classNames={{\n        root: cx(classNames?.badge ?? badge(), classNames?.root ?? badgeRoot()),\n        section: classNames?.section ?? badgeSection(),\n        label: classNames?.label ?? badgeLabel(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n    >\n      {children}\n    </MantineBadge>\n  );\n};\n"],"mappings":"sOAuBA,MAAaA,GAAS,CACpB,WACA,UACA,YACA,gBAGE,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACzC,CACD,YAAa,EACb,aAAc,EAEb,YACY"}

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+import { CSSProperties } from "react";
+import { DateLocalizer, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
+
+//#region src/components/data-display/calendar/Calendar.d.ts
+type CalendarProps = {
+  localizer: DateLocalizer;
+  events?: Event[];
+  classNames?: {
+    calendar?: string;
+    root?: string;
+    toolbar?: string;
+    month?: string;
+    event?: string;
+    agenda?: string;
+    timeGrid?: string;
+  };
+  onSelectEvent?: (event: Event) => void;
+  onSelectSlot?: (slotInfo: {
+    start: Date;
+    end: Date;
+    action: 'select' | 'click' | 'doubleClick';
+  }) => void;
+  onNavigate?: (date: Date, view: string) => void;
+  defaultView?: 'month' | 'week' | 'day' | 'agenda';
+  defaultDate?: Date;
+  min?: Date;
+  max?: Date;
+  eventPropGetter?: (event: object, start: Date, end: Date, isSelected: boolean) => {
+    className?: string;
+    style?: CSSProperties;
+  };
+  dayPropGetter?: (date: Date) => {
+    className?: string;
+    style?: CSSProperties;
+  };
+  views?: Array<'month' | 'week' | 'day' | 'agenda'>;
+  formats?: object;
+  culture?: string;
+  messages?: object;
+  popup?: boolean;
+  components?: object;
+};
+declare const Calendar$1: ({
+  localizer,
+  events,
+  classNames,
+  onSelectEvent,
+  onSelectSlot,
+  onNavigate,
+  defaultView,
+  defaultDate,
+  min,
+  max,
+  eventPropGetter,
+  dayPropGetter,
+  views,
+  formats,
+  culture,
+  messages,
+  popup,
+  components
+}: CalendarProps) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, momentLocalizer };
+//# sourceMappingURL=Calendar.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;KASY,aAAA;EACV,SAAA,EAAW,aAAA;EACX,MAAA,GAAS,KAAA;EACT,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;EAAA;EAEF,aAAA,IAAiB,KAAA,EAAO,KAAA;EACxB,YAAA,IAAgB,QAAA;IAAY,KAAA,EAAO,IAAA;IAAM,GAAA,EAAK,IAAA;IAAM,MAAA;EAAA;EACpD,UAAA,IAAc,IAAA,EAAM,IAAA,EAAM,IAAA;EAC1B,WAAA;EACA,WAAA,GAAc,IAAA;EACd,GAAA,GAAM,IAAA;EACN,GAAA,GAAM,IAAA;EACN,eAAA,IAAmB,KAAA,UAAe,KAAA,EAAO,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,UAAA;IAA0B,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAChH,aAAA,IAAiB,IAAA,EAAM,IAAA;IAAW,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAC9D,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,UAAA;EAAY,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;EAAA,GAAA;EAAA,eAAA;EAAA,aAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/calendar/Calendar.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{calendar as t,calendarAgenda as n,calendarEvent as r,calendarMonth as i,calendarRoot as a,calendarTimeGrid as o,calendarToolbar as s}from"@mage-ui/styled-system/recipes";import{jsx as c}from"react/jsx-runtime";import{Calendar as l,momentLocalizer as u}from"react-big-calendar";const d=({localizer:u,events:d,classNames:f,onSelectEvent:p,onSelectSlot:m,onNavigate:h,defaultView:g,defaultDate:_,min:v,max:y,eventPropGetter:b,dayPropGetter:x,views:S,formats:C,culture:w,messages:T,popup:E,components:D})=>c(l,{className:e(f?.calendar??t(),f?.root??a(),f?.toolbar??s(),f?.month??i(),f?.event??r(),f?.agenda??n(),f?.timeGrid??o()),localizer:u,events:d,onSelectEvent:p,onSelectSlot:m,onNavigate:h,defaultView:g,defaultDate:_,min:v,max:y,eventPropGetter:b,dayPropGetter:x,views:S,formats:C,culture:w,messages:T,popup:E,components:D});export{d as Calendar,u as momentLocalizer};
+//# sourceMappingURL=Calendar.mjs.map

package/dist/components/data-display/calendar/Calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import { Calendar as BigCalendar, type Event, type DateLocalizer } from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { calendar, calendarAgenda, calendarEvent, calendarMonth, calendarRoot, calendarTimeGrid, calendarToolbar } from '@mage-ui/styled-system/recipes';\nimport type { CSSProperties } from 'react';\n\nexport { momentLocalizer } from 'react-big-calendar';\nexport type { Event as CalendarEvent, DateLocalizer } from 'react-big-calendar';\n\nexport type CalendarProps = {\n  localizer: DateLocalizer;\n  events?: Event[];\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n  };\n  onSelectEvent?: (event: Event) => void;\n  onSelectSlot?: (slotInfo: { start: Date; end: Date; action: 'select' | 'click' | 'doubleClick' }) => void;\n  onNavigate?: (date: Date, view: string) => void;\n  defaultView?: 'month' | 'week' | 'day' | 'agenda';\n  defaultDate?: Date;\n  min?: Date;\n  max?: Date;\n  eventPropGetter?: (event: object, start: Date, end: Date, isSelected: boolean) => { className?: string; style?: CSSProperties };\n  dayPropGetter?: (date: Date) => { className?: string; style?: CSSProperties };\n  views?: Array<'month' | 'week' | 'day' | 'agenda'>;\n  formats?: object;\n  culture?: string;\n  messages?: object;\n  popup?: boolean;\n  components?: object;\n};\n\nexport const Calendar = ({\n  localizer,\n  events,\n  classNames,\n  onSelectEvent,\n  onSelectSlot,\n  onNavigate,\n  defaultView,\n  defaultDate,\n  min,\n  max,\n  eventPropGetter,\n  dayPropGetter,\n  views,\n  formats,\n  culture,\n  messages,\n  popup,\n  components,\n}: CalendarProps) => {\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.event ?? calendarEvent(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid()\n      )}\n      localizer={localizer}\n      events={events}\n      onSelectEvent={onSelectEvent}\n      onSelectSlot={onSelectSlot}\n      onNavigate={onNavigate}\n      defaultView={defaultView}\n      defaultDate={defaultDate}\n      min={min}\n      max={max}\n      eventPropGetter={eventPropGetter}\n      dayPropGetter={dayPropGetter}\n      views={views}\n      formats={formats}\n      culture={culture}\n      messages={messages}\n      popup={popup}\n      components={components}\n    />\n  );\n};\n"],"mappings":"4UAsCA,MAAaA,GAAY,CACvB,YACA,SACA,aACA,gBACA,eACA,aACA,cACA,cACA,MACA,MACA,kBACA,gBACA,QACA,UACA,UACA,WACA,QACA,gBAGE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC3C,CACU,YACH,SACO,gBACD,eACF,aACC,cACA,cACR,MACA,MACY,kBACF,gBACR,QACE,UACA,UACC,WACH,QACK,cACZ"}

package/dist/components/data-display/icons/icon/{Icon.d.ts → Icon.d.mts}

@@ -3,16 +3,24 @@ import { ReactNode } from "react";
 
 //#region src/components/data-display/icons/icon/Icon.d.ts
 type IconProps = {
-  name: string;
+  name?: string;
+  path?: string;
+  children?: ReactNode;
   classNames?: {
-    root: string;
-    svg: string;
+    icon?: string;
+    root?: string;
+    iconRaw?: {
+      iconRaw?: string;
+      root?: string;
+    };
   };
 } & IconVariantProps;
 declare const Icon: ({
+  path,
   name,
+  children,
   classNames
 }: IconProps) => ReactNode;
 //#endregion
 export { Icon, IconProps };
-//# sourceMappingURL=Icon.d.ts.map
+//# sourceMappingURL=Icon.d.mts.map

package/dist/components/data-display/icons/icon/Icon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"mappings":";;;;KAYY,SAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA,GAAW,SAAA;EACX,UAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA,IAGF,gBAAA;AAAA,cAES,IAAA;EAAQ,IAAA;EAAA,IAAA;EAAA,QAAA;EAAA;AAAA,GAAsC,SAAA,KAAY,SAAA"}

package/dist/components/data-display/icons/icon/Icon.mjs

@@ -0,0 +1,2 @@
+import{IconRaw as e}from"../icon-raw/IconRaw.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{icon as n,iconIconRaw as r,iconIconRawRoot as i,iconRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({path:s,name:c,children:l,classNames:u})=>o(`span`,{className:t(u?.icon??n(),u?.root??a()),"aria-hidden":`true`,children:c&&s?o(e,{classNames:{iconRaw:u?.iconRaw?.iconRaw??r(),root:u?.iconRaw?.root??i()},path:s,name:c}):l});export{s as Icon};
+//# sourceMappingURL=Icon.mjs.map

package/dist/components/data-display/icons/icon/Icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  type IconVariantProps,\n  icon,\n  iconRoot,\n  iconIconRaw,\n  iconIconRawRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display/icons/icon-raw/IconRaw';\n\nexport type IconProps = {\n  name?: string;\n  path?: string;\n  children?: ReactNode;\n  classNames?: {\n    icon?: string;\n    root?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n} & IconVariantProps;\n\nexport const Icon = ({ path, name, children, classNames }: IconProps): ReactNode => {\n  return (\n    <span\n      className={cx(classNames?.icon ?? icon(), classNames?.root ?? iconRoot())}\n      aria-hidden='true'\n    >\n      {name && path ? (\n        <IconRaw\n          classNames={{\n            iconRaw: classNames?.iconRaw?.iconRaw ?? iconIconRaw(),\n            root: classNames?.iconRaw?.root ?? iconIconRawRoot(),\n          }}\n          path={path}\n          name={name}\n        />\n      ) : (\n        children\n      )}\n    </span>\n  );\n};"],"mappings":"oPA0BA,MAAa,GAAQ,CAAE,OAAM,OAAM,WAAU,gBAEzC,EAAC,OAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,cAAY,gBAEX,GAAQ,EACP,EAAC,EAAA,CACC,WAAY,CACV,QAAS,GAAY,SAAS,SAAW,GAAa,CACtD,KAAM,GAAY,SAAS,MAAQ,GAAiB,CACrD,CACK,OACA,QACN,CAEF,GAEG"}

package/dist/components/data-display/icons/icon-raw/{IconRaw.d.ts → IconRaw.d.mts}

@@ -1,17 +1,19 @@
-import { IconVariantProps } from "@mage-ui/styled-system/recipes";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/icons/icon-raw/IconRaw.d.ts
 type IconRawProps = {
+  path: string;
   name: string;
   classNames?: {
-    svg: string;
+    iconRaw?: string;
+    root?: string;
   };
-} & IconVariantProps;
+};
 declare const IconRaw: ({
+  path,
   name,
   classNames
 }: IconRawProps) => ReactNode;
 //#endregion
 export { IconRaw, IconRawProps };
-//# sourceMappingURL=IconRaw.d.ts.map
+//# sourceMappingURL=IconRaw.d.mts.map

package/dist/components/data-display/icons/icon-raw/IconRaw.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconRaw.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"mappings":";;;KAKY,YAAA;EACV,IAAA;EACA,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,IAAA;EAAA,IAAA;EAAA;AAAA,GAA4B,YAAA,KAAe,SAAA"}

package/dist/components/data-display/icons/icon-raw/IconRaw.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{iconRaw as t,iconRawRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({path:a,name:o,classNames:s})=>i(`svg`,{className:e(s?.iconRaw??t(),s?.root??n()),children:[r(`title`,{children:o}),r(`use`,{href:`${a}#${o}`})]});export{a as IconRaw};
+//# sourceMappingURL=IconRaw.mjs.map

package/dist/components/data-display/icons/icon-raw/IconRaw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconRaw.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconRaw, iconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  path: string;\n  name: string;\n  classNames?: {\n    iconRaw?: string;\n    root?: string;\n  };\n};\n\nexport const IconRaw = ({ path, name, classNames }: IconRawProps): ReactNode => {\n  return (\n    <svg\n      className={cx(\n        classNames?.iconRaw ?? iconRaw(),\n        classNames?.root ?? iconRawRoot(),\n      )}\n    >\n      <title>{name}</title>\n      <use href={`${path}#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"4KAcA,MAAa,GAAW,CAAE,OAAM,OAAM,gBAElC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,WAED,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,GAAG,EAAK,GAAG,IAAA,CAAU,CAAA,EAC5B"}

package/dist/components/data-display/icons/icon-wrapped/IconWrapped.d.mts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+
+//#region src/components/data-display/icons/icon-wrapped/IconWrapped.d.ts
+type IconWrappedProps = {
+  children: ReactNode;
+  classNames?: {
+    iconWrapped?: string;
+    root?: string;
+  };
+};
+declare const IconWrapped: ({
+  children,
+  classNames
+}: IconWrappedProps) => ReactNode;
+//#endregion
+export { IconWrapped, IconWrappedProps };
+//# sourceMappingURL=IconWrapped.d.mts.map

package/dist/components/data-display/icons/icon-wrapped/IconWrapped.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapped.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-wrapped/IconWrapped.tsx"],"mappings":";;;KAMY,gBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;IACE,WAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,WAAA;EAAe,QAAA;EAAA;AAAA,GAGzB,gBAAA,KAAmB,SAAA"}

package/dist/components/data-display/icons/icon-wrapped/IconWrapped.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{iconWrapped as t,iconWrappedRoot as n}from"@mage-ui/styled-system/recipes";import{ThemeIcon as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({children:a,classNames:o})=>i(r,{classNames:{root:e(o?.iconWrapped??t(),o?.root??n())},component:`span`,children:a});export{a as IconWrapped};
+//# sourceMappingURL=IconWrapped.mjs.map

package/dist/components/data-display/icons/icon-wrapped/IconWrapped.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapped.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-wrapped/IconWrapped.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconWrapped, iconWrappedRoot } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\n\nexport type IconWrappedProps = {\n  children: ReactNode;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n  };\n};\n\nexport const IconWrapped = ({\n  children,\n  classNames,\n}: IconWrappedProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: cx(\n          classNames?.iconWrapped ?? iconWrapped(),\n          classNames?.root ?? iconWrappedRoot(),\n        ),\n      }}\n      component={'span'}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"oNAcA,MAAa,GAAe,CAC1B,WACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,CACF,CACD,UAAW,OAEV,YACS"}

package/dist/components/data-display/index.d.mts

@@ -0,0 +1,14 @@
+import { Avatar, AvatarProps } from "./avatar/Avatar.mjs";
+import { Badge, BadgeProps } from "./badge/Badge.mjs";
+import { Tag, TagProps } from "./tag/Tag.mjs";
+import { TagGroup, TagGroupProps } from "./tag-group/TagGroup.mjs";
+import { Icon, IconProps } from "./icons/icon/Icon.mjs";
+import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
+import { IconWrapped, IconWrappedProps } from "./icons/icon-wrapped/IconWrapped.mjs";
+import { UploadedFile, UploadedFileProps } from "./uploaded-file/UploadedFile.mjs";
+import { LoaderDot, LoaderDotProps } from "./loader-dot/LoaderDot.mjs";
+import { LoaderOval, LoaderOvalProps } from "./loader-oval/LoaderOval.mjs";
+import { Calendar, CalendarEvent, CalendarProps, momentLocalizer } from "./calendar/Calendar.mjs";
+import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";
+import { LogoSvg, LogoSvgProps } from "./logos/logo-svg/LogoSvg.mjs";
+import { Indicator, IndicatorProps } from "./indicator/Indicator.mjs";

package/dist/components/data-display/indicator/Indicator.d.mts

@@ -0,0 +1,21 @@
+import * as react0 from "react";
+import { ComponentPropsWithRef } from "react";
+
+//#region src/components/data-display/indicator/Indicator.d.ts
+type IndicatorPosition = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-end' | 'bottom-center' | 'center-start' | 'center-end' | 'center-center';
+type IndicatorProps = ComponentPropsWithRef<'div'> & {
+  label?: string | number;
+  ariaLabel?: string;
+  disabled?: boolean;
+  offset?: number;
+  position?: IndicatorPosition;
+  classNames?: {
+    indicator?: string;
+    root?: string;
+    label?: string;
+  };
+};
+declare const Indicator: react0.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Indicator, IndicatorProps };
+//# sourceMappingURL=Indicator.d.mts.map

package/dist/components/data-display/indicator/Indicator.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.d.mts","names":[],"sources":["../../../../src/components/data-display/indicator/Indicator.tsx"],"mappings":";;;;KASK,iBAAA;AAAA,KAkBO,cAAA,GAAiB,qBAAA;EAC3B,KAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA,GAAW,iBAAA;EACX,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAaS,SAAA,EAAS,MAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,cAAA,WAAA,MAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/components/data-display/indicator/Indicator.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{indicator as t,indicatorLabel as n,indicatorRoot as r}from"@mage-ui/styled-system/recipes";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{visuallyHidden as c}from"@mage-ui/styled-system/patterns";const l=(e,t)=>{let n={};return e.includes(`top`)&&t&&(n.top=t+`px`),e.includes(`bottom`)&&t&&(n.bottom=t+`px`),e.includes(`start`)&&t&&(n.left=t+`px`),e.includes(`end`)&&t&&(n.right=t+`px`),n},u=s(({children:s,label:u=void 0,disabled:d=!1,position:f=`top-end`,offset:p=0,classNames:m,ariaLabel:h},g)=>o(`div`,{className:e(m?.indicator??t(),m?.root??r()),ref:g,children:[!d&&o(i,{children:[h&&a(`span`,{className:c(),children:h}),a(`span`,{className:e(n({position:f}),m?.label),style:l(f,p),children:u})]}),s]}));u.displayName=`Indicator`;export{u as Indicator};
+//# sourceMappingURL=Indicator.mjs.map

package/dist/components/data-display/indicator/Indicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.mjs","names":[],"sources":["../../../../src/components/data-display/indicator/Indicator.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css'\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns'\nimport {\n  indicator,\n  indicatorLabel,\n  indicatorRoot,\n} from '@mage-ui/styled-system/recipes'\nimport { forwardRef, type ComponentPropsWithRef} from 'react'\n\ntype IndicatorPosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom-center'\n  | 'center-start'\n  | 'center-end'\n  | 'center-center'\n\ntype Offset = {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n}\n\nexport type IndicatorProps = ComponentPropsWithRef<'div'> & {\n  label?: string | number\n  ariaLabel?: string\n  disabled?: boolean\n  offset?: number\n  position?: IndicatorPosition\n  classNames?: {\n    indicator?: string\n    root?: string\n    label?: string\n  }\n}\n\nconst calculateOffset = (position: string, offset: number) => {\n  const offsetLabel = {} as Offset\n  if (position.includes('top') && offset) offsetLabel.top = offset + 'px'\n  if (position.includes('bottom') && offset) offsetLabel.bottom = offset + 'px'\n  if (position.includes('start') && offset) offsetLabel.left = offset + 'px'\n  if (position.includes('end') && offset) offsetLabel.right = offset + 'px'\n  return offsetLabel\n}\n\nexport const Indicator = forwardRef<HTMLDivElement, IndicatorProps>(\n  (\n    {\n      children,\n      label = undefined,\n      disabled = false,\n      position = 'top-end',\n      offset = 0,\n      classNames,\n      ariaLabel\n    },\n    ref\n  ) => {\n    return (\n      <div\n        className={cx(\n          classNames?.indicator ?? indicator(),\n          classNames?.root ?? indicatorRoot()\n        )}\n        ref={ref}\n      >\n        {!disabled && (\n          <>\n            {ariaLabel && <span className={visuallyHidden()}>{ariaLabel}</span>}\n            <span\n              className={cx(\n                indicatorLabel({ position }),\n                classNames?.label\n              )}\n              style={calculateOffset(position, offset)}\n            >\n              {label}\n            </span>\n          </>\n        )}\n        {children}\n      </div>\n    )\n  }\n)\n\nIndicator.displayName = 'Indicator'"],"mappings":"sTAwCA,MAAM,GAAmB,EAAkB,IAAmB,CAC5D,IAAM,EAAc,EAAE,CAKtB,OAJI,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,IAAM,EAAS,MAC/D,EAAS,SAAS,SAAS,EAAI,IAAQ,EAAY,OAAS,EAAS,MACrE,EAAS,SAAS,QAAQ,EAAI,IAAQ,EAAY,KAAO,EAAS,MAClE,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,MAAQ,EAAS,MAC9D,GAGI,EAAY,GAErB,CACE,WACA,QAAQ,IAAA,GACR,WAAW,GACX,WAAW,UACX,SAAS,EACT,aACA,aAEF,IAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACI,gBAEJ,CAAC,GACA,EAAA,EAAA,CAAA,SAAA,CACG,GAAa,EAAC,OAAA,CAAK,UAAW,GAAgB,UAAG,GAAiB,CACnE,EAAC,OAAA,CACC,UAAW,EACT,EAAe,CAAE,WAAU,CAAC,CAC5B,GAAY,MACb,CACD,MAAO,EAAgB,EAAU,EAAO,UAEvC,GACI,CAAA,CAAA,CACN,CAEJ,EAAA,EACG,CAGX,CAED,EAAU,YAAc"}

package/dist/components/data-display/loader-dot/LoaderDot.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region src/components/data-display/loader-dot/LoaderDot.d.ts
+type LoaderDotProps = {
+  classNames?: {
+    loader?: string;
+    root?: string;
+  };
+};
+declare const LoaderDot: ({
+  classNames
+}: LoaderDotProps) => react_jsx_runtime28.JSX.Element;
+//#endregion
+export { LoaderDot, LoaderDotProps };
+//# sourceMappingURL=LoaderDot.d.mts.map

package/dist/components/data-display/loader-dot/LoaderDot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderDot.d.mts","names":[],"sources":["../../../../src/components/data-display/loader-dot/LoaderDot.tsx"],"mappings":";;;KAIY,cAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAc;AAAA,GAAgB,cAAA,KAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/loader-dot/LoaderDot.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{loaderDot as t,loaderDotRoot as n}from"@mage-ui/styled-system/recipes";import{Loader as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a})=>i(r,{type:`dots`,classNames:{root:e(a?.loader??t(),a?.root??n())}});export{a as LoaderDot};
+//# sourceMappingURL=LoaderDot.mjs.map

package/dist/components/data-display/loader-dot/LoaderDot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderDot.mjs","names":[],"sources":["../../../../src/components/data-display/loader-dot/LoaderDot.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { loaderDot, loaderDotRoot } from '@mage-ui/styled-system/recipes';\nimport { Loader } from '@mantine/core';\n\nexport type LoaderDotProps = {\n  classNames?: {\n    loader?: string;\n    root?: string;\n  };\n};\n\nexport const LoaderDot =  ({ classNames }: LoaderDotProps) => {\n  return (\n    <Loader\n      type='dots'\n      classNames={{\n        root: cx(\n          classNames?.loader ?? loaderDot(),\n          classNames?.root ?? loaderDotRoot(),\n        ),\n      }}\n    />\n  );\n};\n"],"mappings":"6MAWA,MAAa,GAAc,CAAE,gBAEzB,EAAC,EAAA,CACC,KAAK,OACL,WAAY,CACV,KAAM,EACJ,GAAY,QAAU,GAAW,CACjC,GAAY,MAAQ,GAAe,CACpC,CACF,EACD"}

package/dist/components/data-display/loader-oval/LoaderOval.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+
+//#region src/components/data-display/loader-oval/LoaderOval.d.ts
+type LoaderOvalProps = {
+  classNames?: {
+    loader?: string;
+    root?: string;
+  };
+};
+declare const LoaderOval: ({
+  classNames
+}: LoaderOvalProps) => react_jsx_runtime29.JSX.Element;
+//#endregion
+export { LoaderOval, LoaderOvalProps };
+//# sourceMappingURL=LoaderOval.d.mts.map

package/dist/components/data-display/loader-oval/LoaderOval.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderOval.d.mts","names":[],"sources":["../../../../src/components/data-display/loader-oval/LoaderOval.tsx"],"mappings":";;;KAIY,eAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc;AAAA,GAAgB,eAAA,KAAe,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/loader-oval/LoaderOval.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{loaderOval as t,loaderOvalRoot as n}from"@mage-ui/styled-system/recipes";import{Loader as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a})=>i(r,{type:`oval`,classNames:{root:e(a?.loader??t(),a?.root??n())}});export{a as LoaderOval};
+//# sourceMappingURL=LoaderOval.mjs.map

package/dist/components/data-display/loader-oval/LoaderOval.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderOval.mjs","names":[],"sources":["../../../../src/components/data-display/loader-oval/LoaderOval.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { loaderOval, loaderOvalRoot } from '@mage-ui/styled-system/recipes';\nimport { Loader } from '@mantine/core';\n\nexport type LoaderOvalProps = {\n  classNames?: {\n    loader?: string;\n    root?: string;\n  };\n};\n\nexport const LoaderOval = ({ classNames }: LoaderOvalProps) => {\n  return (\n    <Loader\n      type='oval'\n      classNames={{\n        root: cx(\n          classNames?.loader ?? loaderOval(),\n          classNames?.root ?? loaderOvalRoot(),\n        ),\n      }}\n    />\n  );\n};\n"],"mappings":"+MAWA,MAAa,GAAc,CAAE,gBAEzB,EAAC,EAAA,CACC,KAAK,OACL,WAAY,CACV,KAAM,EACJ,GAAY,QAAU,GAAY,CAClC,GAAY,MAAQ,GAAgB,CACrC,CACF,EACD"}

package/dist/components/data-display/logos/logo-image/LogoImage.d.mts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+
+//#region src/components/data-display/logos/logo-image/LogoImage.d.ts
+type LogoImageProps = {
+  href?: string;
+  src: string;
+  srcDark?: string;
+  alt: string;
+  ariaLabel?: string;
+  theme?: 'light' | 'dark';
+  width: number;
+  height: number;
+  classNames?: {
+    logo?: string;
+    root?: string;
+    image?: string;
+  };
+} & ComponentPropsWithRef<'a'>;
+declare const LogoImage: ({
+  href,
+  src,
+  srcDark,
+  alt,
+  ariaLabel,
+  theme,
+  width,
+  height,
+  classNames,
+  ...props
+}: LogoImageProps) => ReactNode;
+//#endregion
+export { LogoImage, LogoImageProps };
+//# sourceMappingURL=LogoImage.d.mts.map