@iziui/react 0.0.4-rc → 0.0.7-rc

package/dist/chunks/useForm-3oClzOJC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm-3oClzOJC.js","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, unknown>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, unknown>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, unknown>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, unknown>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, unknown>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, unknown>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, unknown>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, unknown>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, unknown>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, unknown>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}

package/dist/chunks/useForm-TyKbw7O8.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react"),h=require("react/jsx-runtime"),p=l.createContext(null);function y({formGroup:s,debug:t=!1,children:r,...e}){const n=a=>{a.preventDefault(),s.submit()};return h.jsxs(p,{value:s,children:[h.jsx("form",{...e,style:{width:"100%",...e.style},onSubmit:n,noValidate:!0,children:r}),t&&h.jsx("pre",{style:{width:"100%",maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(s,null,2)})]})}function f(){const s=l.useContext(p);if(!s)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return s}function v(s){const t=f();return{control:t.controls[s],update:n=>{t.setValues(a=>(a[s]=n,a))}}}function m({controlName:s,field:t,action:r="input"}){const{control:e,update:n}=v(s);return(i=>{const u=o=>["radio","checkbox"].includes(o.type)?o.target.checked:o.target.value;return l.cloneElement(i,{onBlur:o=>{r==="blur"&&n(u(o)),i.props.onBlur&&i.props.onBlur(o)},onInput:o=>{r==="input"&&n(u(o)),i.props.onInput&&i.props.onInput(o)},onChange:o=>{r==="change"&&n(u(o)),i.props.onChange&&i.props.onChange(o)}})})(t(e))}class d{constructor(t,r,e){this.controls=t,this.handle=r,this.validator=e}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((r,e)=>({[e]:r.value})).forEach(r=>{for(const e in r)t[e]=r[e]}),t}setValues(t){const r=typeof t=="function"?t(this.values):t;for(const e of Object.keys(r))this.controls[e].value=r[e];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(r=>t(this.controls[r],r))}submit(){this.handle.submit&&(this.eachControl(t=>{t.dirty=!0}),this.validate(),this.hydrate(this),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){Object.entries(this.controls).map(([t,r])=>{let e=r.validate();this.validator&&this.validator[t]&&(e=this.validator[t](this)||""),r.error=e}),this.isValid=!this.errors.length,this.hydrate(this)}}class g{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:r="text",validators:e}){this.type=r,this._value=t,this.defaultValue=t,e&&(this.validators=e)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(r=>r(this)).filter(Boolean);return this.error=t[0]||"",this.error}}function b(s){return Object.entries(s).reduce((t,r)=>{const e=r[0],n=r[1];return t[e]=new g(n),t},{})}function C({form:s,handle:t,validator:r}){const[e,n]=l.useState(new d(b(s),t,r)),a=i=>{n(u=>{const o=i.controls,c=new d(o,t,r);return c.hydrate=u.hydrate,c})};return e.hydrate=a,e}exports.Control=m;exports.Form=y;exports.useControl=v;exports.useForm=C;exports.useFormGroup=f;
+//# sourceMappingURL=useForm-TyKbw7O8.cjs.map

package/dist/chunks/useForm-TyKbw7O8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm-TyKbw7O8.cjs","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, SubmitEvent, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, unknown>> extends HTMLAttributes<HTMLFormElement> {\n  formGroup: FormGroup<T>;\n  debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n  formGroup,\n  debug = false,\n  children,\n  ...props\n}: FormProps<T>) {\n  const submit = (event: SubmitEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    formGroup.submit();\n  };\n\n  return (\n    <FormContext value={formGroup}>\n      <form\n        {...props}\n        style={{ width: '100%', ...props.style }}\n        onSubmit={submit}\n        noValidate\n      >\n        {children}\n      </form>\n      {\n        debug && (\n          <pre style={{\n            width: '100%',\n            maxHeight: 350,\n            padding: 15,\n            borderRadius: 4,\n            overflow: 'auto',\n            color: '#333',\n            background: '#e5e5e5',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n          }}>\n            {JSON.stringify(formGroup, null, 2)}\n          </pre>\n        )\n      }\n    </FormContext>\n  );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, unknown>>() {\n  const context = useContext(FormContext);\n\n  if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n  return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n  T extends Record<string, unknown>,\n  K extends keyof T = keyof T,\n>(controlName: K) {\n  const formGroup = useFormGroup<T>();\n  const control = formGroup.controls[controlName];\n\n  const update = (value: T[K]) => {\n    formGroup.setValues((data) => {\n      data[controlName] = value;\n\n      return data;\n    });\n  };\n\n  return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n  T extends Record<string, any>,\n  K extends keyof T,\n> {\n  controlName: K;\n  action?: 'change' | 'input' | 'blur';\n  field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n  T extends Record<string, any>,\n  K extends keyof T\n>({\n  controlName,\n  field,\n  action = 'input'\n}: ControlProps<T, K>) {\n  const { control, update } = useControl<T, K>(controlName);\n\n  const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n    const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n      if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n      return e.target['value'];\n    };\n\n    return cloneElement(child, {\n      onBlur: (e) => {\n        if (action === 'blur') { update(getValue(e)); };\n\n        if (child.props.onBlur) { child.props.onBlur(e); }\n      },\n      onInput: (e) => {\n        if (action === 'input') { update(getValue(e)); };\n\n        if (child.props.onInput) { child.props.onInput(e); }\n      },\n      onChange: (e) => {\n        if (action === 'change') { update(getValue(e)); };\n\n        if (child.props.onChange) { child.props.onChange(e); }\n      },\n    });\n  };\n\n  return (\n    renderChildren(field(control))\n  );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, unknown>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, unknown>> = Partial<{\n  [K in keyof T]: (data: FormGroup<T>) => string | void;\n}>\n\nexport interface Handle<T extends Record<string, unknown>> {\n  change?: (form: FormGroup<T>) => void;\n  submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, unknown>> {\n  private _valid = false;\n  private _hydrate!: Hydrate<T>;\n\n  constructor(\n    public controls: AbstractControl<T>,\n    public handle: Handle<T>,\n    public validator?: Validator<T>,\n  ) { }\n\n  /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n *              Para atualizar valores externamente, use {@link setValues}.\n*/\n  get hydrate() { return this._hydrate; }\n  set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n  get isValid(): boolean { return this._valid; }\n  set isValid(validity: boolean) { this._valid = validity; }\n\n  get errors() {\n    return Object.values<FormControl<T[keyof T]>>(this.controls)\n      .filter(c => c.error);\n  }\n\n  get values(): T {\n    const values: Record<string, any> = {};\n\n    this.eachControl((control, key) => ({ [key as string]: control.value }))\n      .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n    return values as T;\n  }\n\n  public setValues(fn: SetValues<T>): void;\n  public setValues(partialForm: Partial<T>): void;\n  public setValues(arg: Partial<T> | SetValues<T>) {\n    const partial =\n      typeof arg === 'function'\n        ? arg(this.values)\n        : arg;\n\n    for (const key of Object.keys(partial)) {\n      this.controls[key].value = partial[key] as T[keyof T];\n    }\n\n    this.validate();\n\n    this.hydrate(this);\n\n    if (!this.handle.change) { return; }\n\n    this.handle.change(this);\n  }\n\n  private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n    return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n  }\n\n  public submit() {\n    if (!this.handle.submit) { return; }\n\n    this.eachControl((control) => { control.dirty = true; });\n\n    this.validate();\n\n    this.hydrate(this);\n    this.handle.submit(this);\n  }\n\n  public reset() {\n    this.eachControl((control) => control.reset());\n    this.hydrate(this);\n  }\n\n  public validate() {\n    Object.entries(this.controls).map(([key, control]) => {\n      let error = control.validate();\n\n      if (this.validator && this.validator[key]) {\n        error = this.validator[key](this) || '';\n      }\n\n      control.error = error;\n    });\n\n    this.isValid = !this.errors.length;\n    this.hydrate(this);\n  }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n  defaultValue: T;\n  type?: Type;\n  validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n  private _value!: V;\n  private defaultValue: V;\n  private validators: Validator<V>[] = [];\n\n  public type: Type;\n  public error = '';\n  public dirty = false;\n\n  constructor({\n    defaultValue,\n    type = 'text',\n    validators,\n  }: Data<V>) {\n    this.type = type;\n    this._value = defaultValue;\n    this.defaultValue = defaultValue;\n\n    if (validators) { this.validators = validators; }\n  }\n\n  get value(): V { return this._value; }\n  set value(value: V) {\n    this.dirty = true;\n    this._value = value;\n    this.validate();\n  }\n\n  get isInvalid() { return Boolean(this.dirty && this.error); }\n\n  public reset() {\n    this.value = this.defaultValue;\n    this.dirty = false;\n  }\n\n  public validate() {\n    const errors = this.validators\n      .map(v => v(this))\n      .filter(Boolean);\n\n    this.error = errors[0] || '';\n\n    return this.error;\n  }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, unknown>> = {\n  form: { [K in keyof T]: Constructor<T[K]> };\n  handle: Handle<T>;\n  validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, unknown>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n  return Object.entries(form)\n    .reduce((acc, data) => {\n      const key = data[0] as keyof T;\n      const value = data[1] as Constructor<T[keyof T]>;\n\n      acc[key] = new FormControl(value);\n\n      return acc;\n    }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<any, unknown>>({\n  form,\n  handle,\n  validator\n}: UseForm<T>) {\n  const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n    new FormGroup(\n      makingControls(form),\n      handle,\n      validator\n    )\n  );\n\n  const hydrate = (form: FormGroup<T>) => {\n    setFormGroup(prev => {\n      const controls = form.controls;\n\n      const newFormGroup = new FormGroup(controls, handle, validator);\n      newFormGroup.hydrate = prev.hydrate;\n\n      return newFormGroup;\n    });\n  };\n\n  formGroup.hydrate = hydrate;\n\n  return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","submit","event","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","error","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}

package/dist/chunks/useListenerResized-AwpsZLcP.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react");function t(s,i){const e=()=>{s(window)};n.useEffect(()=>(window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[...i])}exports.useListenerResized=t;
+//# sourceMappingURL=useListenerResized-AwpsZLcP.cjs.map

package/dist/chunks/useListenerResized-AwpsZLcP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized-AwpsZLcP.cjs","sources":["../../src/hooks/useListenerResized/useListenerResized.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport default function useListenerResized(callback: (w: Window & typeof globalThis) => void, deps: any[]) {\n  const handleResize = () => { callback(window); };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [...deps]);\n};"],"names":["useListenerResized","callback","deps","handleResize","useEffect"],"mappings":"sCAEA,SAAwBA,EAAmBC,EAAmDC,EAAa,CACzG,MAAMC,EAAe,IAAM,CAAEF,EAAS,MAAM,CAAG,EAE/CG,EAAAA,UAAU,KACR,OAAO,iBAAiB,SAAUD,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,GACC,CAAC,GAAGD,CAAI,CAAC,CACd"}

package/dist/chunks/useListenerResized-Bnqxrt7k.js

@@ -0,0 +1,2 @@
+import{useEffect as r}from"react";function t(n,i){const e=()=>{n(window)};r(()=>(window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}),[...i])}export{t as u};
+//# sourceMappingURL=useListenerResized-Bnqxrt7k.js.map

package/dist/chunks/useListenerResized-Bnqxrt7k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListenerResized-Bnqxrt7k.js","sources":["../../src/hooks/useListenerResized/useListenerResized.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport default function useListenerResized(callback: (w: Window & typeof globalThis) => void, deps: any[]) {\n  const handleResize = () => { callback(window); };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [...deps]);\n};"],"names":["useListenerResized","callback","deps","handleResize","useEffect"],"mappings":"kCAEA,SAAwBA,EAAmBC,EAAmDC,EAAa,CACzG,MAAMC,EAAe,IAAM,CAAEF,EAAS,MAAM,CAAG,EAE/CG,EAAU,KACR,OAAO,iBAAiB,SAAUD,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,GACC,CAAC,GAAGD,CAAI,CAAC,CACd"}

package/dist/chunks/useMenu-BNL22pOQ.js

@@ -0,0 +1,2 @@
+import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-DOsl4_nu.js";import{C as q}from"./CardContent-C8ypE7yH.js";import{c as J}from"./createComponent-WNQRXK89.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...u,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
+//# sourceMappingURL=useMenu-BNL22pOQ.js.map

package/dist/chunks/useMenu-BNL22pOQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu-BNL22pOQ.js","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent","useMenu","setAnchorEl","event"],"mappings":"oeAAA,MAAMA,CAAS,CAEN,MAAMC,EAAyBC,EAAe,IAAK,CACxD,GAAI,CAACA,EAAc,CACjBD,EAAA,EACA,MACF,CAEA,aAAa,KAAK,OAAO,EACzB,KAAK,QAAU,WAAW,IAAM,CAAEA,EAAA,CAAQ,EAAGC,CAAY,CAC3D,CACF,CAEO,MAAMC,EAAW,IAAIH,EC8BtBI,EAAOC,EAAsC,SAAc,CAC/D,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,OACZ,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAcC,EAAK,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAA,EAC9B,CAACC,EAAQC,CAAS,EAAIF,EAAiB,CAAE,MAAO,YAAa,UAAW,QAAS,MAAO,MAAA,CAAQ,EAEhGG,EAAM,GACNC,EAAqB,IAErBC,EAAgBC,EAAS,QAAQhB,CAAQ,EAEzCiB,EAAKC,EAAQ,IAAMC,EAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAUC,EACd,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUX,GAAQ,SAAS,GACpCL,EAAM,SAAA,EAGRiB,EAAmB,IAAMC,IAAkB,CAACvB,CAAQ,CAAC,EAErDwB,EAAU,IAAM,CAAED,EAAA,CAAkB,EAAG,CAACvB,CAAQ,CAAC,EAGjDwB,EAAU,IAAM,CAAE3B,EAAO4B,EAAA,EAAeC,EAAA,CAAe,EAAG,CAAC7B,CAAI,CAAC,EAEhE,MAAM0B,EAAiB,IAAM,CACtBvB,GAEL,WAAW,IAAM,CACf,IAAI2B,EAA2B,CAAA,EAE/B,KAAM,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,UAAAC,GAAc/B,EAE7DW,MAAmB,CAAE,GAAGqB,EAAM,MAAOJ,GAAc,EAEnD,MAAMK,EAAMF,EAAYF,EAAgBjB,EAAM,EAExCsB,EAAK,SAAS,eAAelB,CAAE,EAEjCf,IAAc,WAAY0B,EAAc,CAAE,IAAAM,EAAK,MAAOL,CAAA,GAEtD3B,IAAc,SAAU0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,CAAA,GAEnD7B,IAAc,UAAW0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,GAAcI,EAAG,YAAcN,EAAA,GAEvFpB,EAAcmB,CAAW,CAC3B,EAAG,CAAC,CACN,EAEMF,EAAa,IAAM,CACvBd,MAAmB,CAAE,GAAGqB,EAAM,MAAO,WAAY,EAEjD,WAAW,IAAM,CAAErB,MAAmB,CAAE,GAAGqB,EAAM,UAAW,QAAS,CAAG,EAAG,EAAE,CAC/E,EAEMN,EAAc,IAAM,CACxBf,MAAmB,CAAE,GAAGqB,EAAM,UAAW,SAAU,EAEnD,WAAW,IAAM,CACfrB,MAAmB,CAAE,GAAGqB,EAAM,MAAO,aAAc,EACnD5B,EAAA,CACF,EAAGS,CAAkB,CACvB,EAEMsB,EAAiB,IACdrB,EAAc,IAAI,CAACsB,EAAOC,IACxBC,EAAaF,EAAO,CACzB,SAAYC,EAAQ,EACpB,IAAK,UAAUA,CAAK,GACpB,QAAUE,GAA2C,CACnD7C,EAAS,MAAM,IAAM,CAEfS,GAAauB,EAAA,EAEbU,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQG,CAAC,CAClD,EAAG,CAAC,CACN,CAAA,CACD,CACF,EAGH,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CACC,GAAA1B,EACA,IAAAV,EACC,GAAGD,EACJ,MAAO,CACL,MAAOP,GAASY,EAAO,MACvB,IAAKH,GAAY,IACjB,KAAMA,GAAY,KAClB,QAASG,GAAQ,QAAU,UAAY,QAAU,OACjD,WAAY,OAAOG,CAAkB,aACrC,OAAQ,GACR,GAAGR,EAAM,KAAA,EAEX,UAAWc,EAGT,YACEuB,EAACC,EAAA,CAAK,UAAW,GAAGtB,CAAM,cACxB,SAAAqB,EAACE,EAAA,CACC,UAAW,GAAGvB,CAAM,uBACpB,GAAI,CAAE,GAAI,CAAA,EACV,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,UAAAnB,CAAA,EAElD,SAAAiC,EAAA,CAAe,CAAA,CAClB,CACF,CAAA,CAAA,EAILtC,KAAS,MAAA,CAAI,UAAW,GAAGwB,CAAM,iBAAkB,QAASK,CAAA,CAAa,CAAA,EAC5E,CAEJ,CAAC,EAEDmB,GAAeC,EAAgBnD,CAAI,ECjKnC,SAAwBoD,IAAmB,CACzC,KAAM,CAAC/C,EAAUgD,CAAW,EAAIvC,EAA6B,IAAI,EAE3DZ,EAAO,EAAQG,EAEfyB,EAAcwB,GAAsD,CACxED,EAAYC,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMvB,EAAc,IAAM,CAAEsB,EAAY,IAAI,CAAG,EAW/C,MAAO,CAACnD,EAAMG,EATQiD,GAAsD,CAC1E,GAAIpD,EAAM,CACR6B,EAAA,EACA,MACF,CAEAD,EAAWwB,CAAK,CAClB,CAEoC,CACtC"}

package/dist/chunks/useMenu-C0u9aTiR.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),z=require("./joinClass-Jk3EszKD.cjs"),D=require("./uuid-omnJ9TjZ.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-B8XSgLaD.cjs"),S=require("./CardContent-BivcVoIc.cjs"),B=require("./createComponent-CTufIEiN.cjs");class P{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const W=new P,F=n.forwardRef(function({open:t,width:s,children:f,anchorEl:o,direction:d="left",maxHeight:i,autoClose:_,onClose:$,...m},j){const[g,M]=n.useState(),[h,a]=n.useState({state:"invisible",animation:"close",width:"auto"}),N=16,y=150,k=n.Children.toArray(f),T=n.useMemo(()=>D.uuid(),[]),v=z.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?w():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:q,offsetTop:I}=o;a(O=>({...O,width:r}));const x=I+p+N/2,R=document.getElementById(T);d==="center"&&(e={top:x,right:r}),d==="left"&&(e={top:x,left:q}),d==="right"&&(e={top:x,left:q-(R.offsetWidth-r)}),M(e)},0)},w=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},C=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),$()},y)},A=()=>k.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{W.delay(()=>{_&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return c.jsxs(c.Fragment,{children:[c.jsx("div",{id:T,ref:j,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:v,children:t&&c.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:c.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:A()})})}),t&&c.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),G=B.createComponent(F);function H(){const[u,t]=n.useState(null),s=!!u,f=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}f(i)}]}exports.Menu=G;exports.useMenu=H;
+//# sourceMappingURL=useMenu-C0u9aTiR.cjs.map

package/dist/chunks/useMenu-C0u9aTiR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu-C0u9aTiR.cjs","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","createComponent","useMenu","setAnchorEl","event"],"mappings":"kVAAA,MAAMA,CAAS,CAEN,MAAMC,EAAyBC,EAAe,IAAK,CACxD,GAAI,CAACA,EAAc,CACjBD,EAAA,EACA,MACF,CAEA,aAAa,KAAK,OAAO,EACzB,KAAK,QAAU,WAAW,IAAM,CAAEA,EAAA,CAAQ,EAAGC,CAAY,CAC3D,CACF,CAEO,MAAMC,EAAW,IAAIH,EC8BtBI,EAAOC,EAAAA,WAAsC,SAAc,CAC/D,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,OACZ,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAcC,EAAK,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAAA,EAC9B,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAiB,CAAE,MAAO,YAAa,UAAW,QAAS,MAAO,MAAA,CAAQ,EAEhGG,EAAM,GACNC,EAAqB,IAErBC,EAAgBC,EAAAA,SAAS,QAAQhB,CAAQ,EAEzCiB,EAAKC,EAAAA,QAAQ,IAAMC,EAAAA,KAAA,EAAQ,CAAA,CAAE,EAE7BC,EAAUC,EAAAA,UACd,GAAGC,EAAAA,MAAM,QACT,GAAGA,EAAAA,MAAM,UAAUX,GAAQ,SAAS,GACpCL,EAAM,SAAA,EAGRiB,EAAAA,mBAAmB,IAAMC,IAAkB,CAACvB,CAAQ,CAAC,EAErDwB,EAAAA,UAAU,IAAM,CAAED,EAAA,CAAkB,EAAG,CAACvB,CAAQ,CAAC,EAGjDwB,EAAAA,UAAU,IAAM,CAAE3B,EAAO4B,EAAA,EAAeC,EAAA,CAAe,EAAG,CAAC7B,CAAI,CAAC,EAEhE,MAAM0B,EAAiB,IAAM,CACtBvB,GAEL,WAAW,IAAM,CACf,IAAI2B,EAA2B,CAAA,EAE/B,KAAM,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,UAAAC,GAAc/B,EAE7DW,MAAmB,CAAE,GAAGqB,EAAM,MAAOJ,GAAc,EAEnD,MAAMK,EAAMF,EAAYF,EAAgBjB,EAAM,EAExCsB,EAAK,SAAS,eAAelB,CAAE,EAEjCf,IAAc,WAAY0B,EAAc,CAAE,IAAAM,EAAK,MAAOL,CAAA,GAEtD3B,IAAc,SAAU0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,CAAA,GAEnD7B,IAAc,UAAW0B,EAAc,CAAE,IAAAM,EAAK,KAAMH,GAAcI,EAAG,YAAcN,EAAA,GAEvFpB,EAAcmB,CAAW,CAC3B,EAAG,CAAC,CACN,EAEMF,EAAa,IAAM,CACvBd,MAAmB,CAAE,GAAGqB,EAAM,MAAO,WAAY,EAEjD,WAAW,IAAM,CAAErB,MAAmB,CAAE,GAAGqB,EAAM,UAAW,QAAS,CAAG,EAAG,EAAE,CAC/E,EAEMN,EAAc,IAAM,CACxBf,MAAmB,CAAE,GAAGqB,EAAM,UAAW,SAAU,EAEnD,WAAW,IAAM,CACfrB,MAAmB,CAAE,GAAGqB,EAAM,MAAO,aAAc,EACnD5B,EAAA,CACF,EAAGS,CAAkB,CACvB,EAEMsB,EAAiB,IACdrB,EAAc,IAAI,CAACsB,EAAOC,IACxBC,EAAAA,aAAaF,EAAO,CACzB,SAAYC,EAAQ,EACpB,IAAK,UAAUA,CAAK,GACpB,QAAUE,GAA2C,CACnD7C,EAAS,MAAM,IAAM,CAEfS,GAAauB,EAAA,EAEbU,EAAM,MAAM,SAAWA,EAAM,MAAM,QAAQG,CAAC,CAClD,EAAG,CAAC,CACN,CAAA,CACD,CACF,EAGH,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,GAAA1B,EACA,IAAAV,EACC,GAAGD,EACJ,MAAO,CACL,MAAOP,GAASY,EAAO,MACvB,IAAKH,GAAY,IACjB,KAAMA,GAAY,KAClB,QAASG,GAAQ,QAAU,UAAY,QAAU,OACjD,WAAY,OAAOG,CAAkB,aACrC,OAAQ,GACR,GAAGR,EAAM,KAAA,EAEX,UAAWc,EAGT,YACEuB,MAACC,EAAAA,KAAA,CAAK,UAAW,GAAGtB,QAAM,cACxB,SAAAqB,EAAAA,IAACE,EAAAA,YAAA,CACC,UAAW,GAAGvB,EAAAA,MAAM,uBACpB,GAAI,CAAE,GAAI,CAAA,EACV,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,UAAAnB,CAAA,EAElD,SAAAiC,EAAA,CAAe,CAAA,CAClB,CACF,CAAA,CAAA,EAILtC,SAAS,MAAA,CAAI,UAAW,GAAGwB,EAAAA,MAAM,iBAAkB,QAASK,CAAA,CAAa,CAAA,EAC5E,CAEJ,CAAC,EAED/B,EAAekD,EAAAA,gBAAgBlD,CAAI,ECjKnC,SAAwBmD,GAAmB,CACzC,KAAM,CAAC9C,EAAU+C,CAAW,EAAItC,EAAAA,SAA6B,IAAI,EAE3DZ,EAAO,EAAQG,EAEfyB,EAAcuB,GAAsD,CACxED,EAAYC,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMtB,EAAc,IAAM,CAAEqB,EAAY,IAAI,CAAG,EAW/C,MAAO,CAAClD,EAAMG,EATQgD,GAAsD,CAC1E,GAAInD,EAAM,CACR6B,EAAA,EACA,MACF,CAEAD,EAAWuB,CAAK,CAClB,CAEoC,CACtC"}

package/dist/chunks/useResize-B-oebgDR.cjs

@@ -0,0 +1,2 @@
+"use strict";const v=require("react"),t=require("./index-DYxwT4uW.cjs"),i={MAX_XS:`(max-width: ${Number(t.xs)}px)`,MIN_SM:`(min-width: ${Number(t.xs)+1}px)`,MAX_SM:`(max-width: ${Number(t.sm)}px)`,MIN_MD:`(min-width: ${Number(t.sm)+1}px)`,MAX_MD:`(max-width: ${Number(t.md)}px)`,MIN_LG:`(min-width: ${Number(t.md)+1}px)`,MAX_LG:`(max-width: ${Number(t.lg)}px)`,MIN_XL:`(min-width: ${Number(t.xl)}px)`},r={xs:i.MAX_XS,sm:`${i.MIN_SM} and ${i.MAX_SM}`,md:`${i.MIN_MD} and ${i.MAX_MD}`,lg:`${i.MIN_LG} and ${i.MAX_LG}`,xl:i.MIN_XL},N=()=>({xs:window.matchMedia(r.xs),sm:window.matchMedia(r.sm),md:window.matchMedia(r.md),lg:window.matchMedia(r.lg),xl:window.matchMedia(r.xl)});function f({onXs:s,onSm:m,onMd:n,onLg:a,onXl:c},g=[]){const L={xs:s,sm:m,md:n,lg:a,xl:c},d=(e,M)=>{e.matches&&M()},x=e=>{s&&d(e,s)},h=e=>{m&&d(e,m)},u=e=>{n&&d(e,n)},w=e=>{a&&d(e,a)},_=e=>{c&&d(e,c)},$=e=>{const M=Object.keys(e).find(E=>e[E].matches);L[M]?.()};v.useEffect(()=>{const e=N();$(e)},[]),v.useEffect(()=>{const e=N();return s&&e.xs.addEventListener("change",x),m&&e.sm.addEventListener("change",h),n&&e.md.addEventListener("change",u),a&&e.lg.addEventListener("change",w),c&&e.xl.addEventListener("change",_),()=>{s&&e.xs.removeEventListener("change",x),m&&e.sm.removeEventListener("change",h),n&&e.md.removeEventListener("change",u),a&&e.lg.removeEventListener("change",w),c&&e.xl.removeEventListener("change",_)}},g)}exports.useResize=f;
+//# sourceMappingURL=useResize-B-oebgDR.cjs.map

package/dist/chunks/useResize-B-oebgDR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize-B-oebgDR.cjs","sources":["../../src/hooks/useResize/useResize.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { xs, sm, md, lg, xl } from '@iziui/tokens/web/js';\n\nexport const DeviceBreakpoints = {\n  MAX_XS: `(max-width: ${Number(xs)}px)`,\n  MIN_SM: `(min-width: ${Number(xs) + 1}px)`,\n  MAX_SM: `(max-width: ${Number(sm)}px)`,\n  MIN_MD: `(min-width: ${Number(sm) + 1}px)`,\n  MAX_MD: `(max-width: ${Number(md)}px)`,\n  MIN_LG: `(min-width: ${Number(md) + 1}px)`,\n  MAX_LG: `(max-width: ${Number(lg)}px)`,\n  MIN_XL: `(min-width: ${Number(xl)}px)`,\n};\n\ntype Medias = {\n  xs: MediaQueryList;\n  sm: MediaQueryList;\n  md: MediaQueryList;\n  lg: MediaQueryList;\n  xl: MediaQueryList;\n}\n\nexport interface Callback {\n  onXs?: () => void;\n  onSm?: () => void;\n  onMd?: () => void;\n  onLg?: () => void;\n  onXl?: () => void;\n}\n\nconst MEDIAS: { [x in keyof Medias]: string; } = {\n  xs: DeviceBreakpoints.MAX_XS,\n  sm: `${DeviceBreakpoints.MIN_SM} and ${DeviceBreakpoints.MAX_SM}`,\n  md: `${DeviceBreakpoints.MIN_MD} and ${DeviceBreakpoints.MAX_MD}`,\n  lg: `${DeviceBreakpoints.MIN_LG} and ${DeviceBreakpoints.MAX_LG}`,\n  xl: DeviceBreakpoints.MIN_XL\n};\n\nconst getMedias = (): Medias => {\n  return {\n    xs: window.matchMedia(MEDIAS.xs),\n    sm: window.matchMedia(MEDIAS.sm),\n    md: window.matchMedia(MEDIAS.md),\n    lg: window.matchMedia(MEDIAS.lg),\n    xl: window.matchMedia(MEDIAS.xl)\n  };\n};\n\nexport default function useResize({\n  onXs, onSm, onMd, onLg, onXl\n}: Callback, deps: any[] = []) {\n  const MAP_CALLBACKS = {\n    xs: onXs,\n    sm: onSm,\n    md: onMd,\n    lg: onLg,\n    xl: onXl\n  };\n\n  const checker = (event: MediaQueryListEvent, fn: () => void) => { if (event.matches) { fn(); } };\n\n  const makeXs = (event: MediaQueryListEvent) => {\n    if (onXs) { checker(event, onXs); }\n  };\n\n  const makeSm = (event: MediaQueryListEvent) => {\n    if (onSm) { checker(event, onSm); }\n  };\n\n  const makeMd = (event: MediaQueryListEvent) => {\n    if (onMd) { checker(event, onMd); }\n  };\n\n  const makeLg = (event: MediaQueryListEvent) => {\n    if (onLg) { checker(event, onLg); }\n  };\n\n  const makeXl = (event: MediaQueryListEvent) => {\n    if (onXl) { checker(event, onXl); }\n  };\n\n  const initialize = (medias: Medias) => {\n    const key = Object.keys(medias).find((key) => medias[key].matches) as keyof typeof MAP_CALLBACKS;\n    MAP_CALLBACKS[key]?.();\n  };\n\n  useEffect(() => {\n    const medias = getMedias();\n    initialize(medias);\n  }, []);\n\n  useEffect(() => {\n    const medias = getMedias();\n\n    /* eslint-disable @typescript-eslint/no-unused-expressions */\n    onXs && medias.xs.addEventListener('change', makeXs);\n    onSm && medias.sm.addEventListener('change', makeSm);\n    onMd && medias.md.addEventListener('change', makeMd);\n    onLg && medias.lg.addEventListener('change', makeLg);\n    onXl && medias.xl.addEventListener('change', makeXl);\n\n    return () => {\n      onXs && medias.xs.removeEventListener('change', makeXs);\n      onSm && medias.sm.removeEventListener('change', makeSm);\n      onMd && medias.md.removeEventListener('change', makeMd);\n      onLg && medias.lg.removeEventListener('change', makeLg);\n      onXl && medias.xl.removeEventListener('change', makeXl);\n    };\n    /* eslint-enable @typescript-eslint/no-unused-expressions */\n  }, deps);\n};"],"names":["DeviceBreakpoints","xs","sm","md","lg","xl","MEDIAS","getMedias","useResize","onXs","onSm","onMd","onLg","onXl","deps","MAP_CALLBACKS","checker","event","fn","makeXs","makeSm","makeMd","makeLg","makeXl","initialize","medias","key","useEffect"],"mappings":"wEAIaA,EAAoB,CAC/B,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,KACnC,EAkBMC,EAA2C,CAC/C,GAAIN,EAAkB,OACtB,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAIA,EAAkB,MACxB,EAEMO,EAAY,KACT,CACL,GAAI,OAAO,WAAWD,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,CAAA,GAInC,SAAwBE,EAAU,CAChC,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,CAC1B,EAAaC,EAAc,CAAA,EAAI,CAC7B,MAAMC,EAAgB,CACpB,GAAIN,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAGAG,EAAU,CAACC,EAA4BC,IAAmB,CAAMD,EAAM,SAAWC,EAAA,CAAQ,EAEzFC,EAAUF,GAA+B,CACzCR,GAAQO,EAAQC,EAAOR,CAAI,CACjC,EAEMW,EAAUH,GAA+B,CACzCP,GAAQM,EAAQC,EAAOP,CAAI,CACjC,EAEMW,EAAUJ,GAA+B,CACzCN,GAAQK,EAAQC,EAAON,CAAI,CACjC,EAEMW,EAAUL,GAA+B,CACzCL,GAAQI,EAAQC,EAAOL,CAAI,CACjC,EAEMW,EAAUN,GAA+B,CACzCJ,GAAQG,EAAQC,EAAOJ,CAAI,CACjC,EAEMW,EAAcC,GAAmB,CACrC,MAAMC,EAAM,OAAO,KAAKD,CAAM,EAAE,KAAMC,GAAQD,EAAOC,CAAG,EAAE,OAAO,EACjEX,EAAcW,CAAG,IAAA,CACnB,EAEAC,EAAAA,UAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EACfiB,EAAWC,CAAM,CACnB,EAAG,CAAA,CAAE,EAELE,EAAAA,UAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EAGf,OAAAE,GAAQgB,EAAO,GAAG,iBAAiB,SAAUN,CAAM,EACnDT,GAAQe,EAAO,GAAG,iBAAiB,SAAUL,CAAM,EACnDT,GAAQc,EAAO,GAAG,iBAAiB,SAAUJ,CAAM,EACnDT,GAAQa,EAAO,GAAG,iBAAiB,SAAUH,CAAM,EACnDT,GAAQY,EAAO,GAAG,iBAAiB,SAAUF,CAAM,EAE5C,IAAM,CACXd,GAAQgB,EAAO,GAAG,oBAAoB,SAAUN,CAAM,EACtDT,GAAQe,EAAO,GAAG,oBAAoB,SAAUL,CAAM,EACtDT,GAAQc,EAAO,GAAG,oBAAoB,SAAUJ,CAAM,EACtDT,GAAQa,EAAO,GAAG,oBAAoB,SAAUH,CAAM,EACtDT,GAAQY,EAAO,GAAG,oBAAoB,SAAUF,CAAM,CACxD,CAEF,EAAGT,CAAI,CACT"}

package/dist/chunks/useResize-BjM6tiAF.js

@@ -0,0 +1,2 @@
+import{useEffect as v}from"react";import{x as A,l as E,m as N,s as g,a as L}from"./index-CZ41y9Hn.js";const t={MAX_XS:`(max-width: ${Number(L)}px)`,MIN_SM:`(min-width: ${Number(L)+1}px)`,MAX_SM:`(max-width: ${Number(g)}px)`,MIN_MD:`(min-width: ${Number(g)+1}px)`,MAX_MD:`(max-width: ${Number(N)}px)`,MIN_LG:`(min-width: ${Number(N)+1}px)`,MAX_LG:`(max-width: ${Number(E)}px)`,MIN_XL:`(min-width: ${Number(A)}px)`},c={xs:t.MAX_XS,sm:`${t.MIN_SM} and ${t.MAX_SM}`,md:`${t.MIN_MD} and ${t.MAX_MD}`,lg:`${t.MIN_LG} and ${t.MAX_LG}`,xl:t.MIN_XL},u=()=>({xs:window.matchMedia(c.xs),sm:window.matchMedia(c.sm),md:window.matchMedia(c.md),lg:window.matchMedia(c.lg),xl:window.matchMedia(c.xl)});function k({onXs:i,onSm:s,onMd:a,onLg:m,onXl:n},$=[]){const l={xs:i,sm:s,md:a,lg:m,xl:n},d=(e,r)=>{e.matches&&r()},M=e=>{i&&d(e,i)},x=e=>{s&&d(e,s)},h=e=>{a&&d(e,a)},w=e=>{m&&d(e,m)},_=e=>{n&&d(e,n)},f=e=>{const r=Object.keys(e).find(p=>e[p].matches);l[r]?.()};v(()=>{const e=u();f(e)},[]),v(()=>{const e=u();return i&&e.xs.addEventListener("change",M),s&&e.sm.addEventListener("change",x),a&&e.md.addEventListener("change",h),m&&e.lg.addEventListener("change",w),n&&e.xl.addEventListener("change",_),()=>{i&&e.xs.removeEventListener("change",M),s&&e.sm.removeEventListener("change",x),a&&e.md.removeEventListener("change",h),m&&e.lg.removeEventListener("change",w),n&&e.xl.removeEventListener("change",_)}},$)}export{k as u};
+//# sourceMappingURL=useResize-BjM6tiAF.js.map

package/dist/chunks/useResize-BjM6tiAF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize-BjM6tiAF.js","sources":["../../src/hooks/useResize/useResize.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { xs, sm, md, lg, xl } from '@iziui/tokens/web/js';\n\nexport const DeviceBreakpoints = {\n  MAX_XS: `(max-width: ${Number(xs)}px)`,\n  MIN_SM: `(min-width: ${Number(xs) + 1}px)`,\n  MAX_SM: `(max-width: ${Number(sm)}px)`,\n  MIN_MD: `(min-width: ${Number(sm) + 1}px)`,\n  MAX_MD: `(max-width: ${Number(md)}px)`,\n  MIN_LG: `(min-width: ${Number(md) + 1}px)`,\n  MAX_LG: `(max-width: ${Number(lg)}px)`,\n  MIN_XL: `(min-width: ${Number(xl)}px)`,\n};\n\ntype Medias = {\n  xs: MediaQueryList;\n  sm: MediaQueryList;\n  md: MediaQueryList;\n  lg: MediaQueryList;\n  xl: MediaQueryList;\n}\n\nexport interface Callback {\n  onXs?: () => void;\n  onSm?: () => void;\n  onMd?: () => void;\n  onLg?: () => void;\n  onXl?: () => void;\n}\n\nconst MEDIAS: { [x in keyof Medias]: string; } = {\n  xs: DeviceBreakpoints.MAX_XS,\n  sm: `${DeviceBreakpoints.MIN_SM} and ${DeviceBreakpoints.MAX_SM}`,\n  md: `${DeviceBreakpoints.MIN_MD} and ${DeviceBreakpoints.MAX_MD}`,\n  lg: `${DeviceBreakpoints.MIN_LG} and ${DeviceBreakpoints.MAX_LG}`,\n  xl: DeviceBreakpoints.MIN_XL\n};\n\nconst getMedias = (): Medias => {\n  return {\n    xs: window.matchMedia(MEDIAS.xs),\n    sm: window.matchMedia(MEDIAS.sm),\n    md: window.matchMedia(MEDIAS.md),\n    lg: window.matchMedia(MEDIAS.lg),\n    xl: window.matchMedia(MEDIAS.xl)\n  };\n};\n\nexport default function useResize({\n  onXs, onSm, onMd, onLg, onXl\n}: Callback, deps: any[] = []) {\n  const MAP_CALLBACKS = {\n    xs: onXs,\n    sm: onSm,\n    md: onMd,\n    lg: onLg,\n    xl: onXl\n  };\n\n  const checker = (event: MediaQueryListEvent, fn: () => void) => { if (event.matches) { fn(); } };\n\n  const makeXs = (event: MediaQueryListEvent) => {\n    if (onXs) { checker(event, onXs); }\n  };\n\n  const makeSm = (event: MediaQueryListEvent) => {\n    if (onSm) { checker(event, onSm); }\n  };\n\n  const makeMd = (event: MediaQueryListEvent) => {\n    if (onMd) { checker(event, onMd); }\n  };\n\n  const makeLg = (event: MediaQueryListEvent) => {\n    if (onLg) { checker(event, onLg); }\n  };\n\n  const makeXl = (event: MediaQueryListEvent) => {\n    if (onXl) { checker(event, onXl); }\n  };\n\n  const initialize = (medias: Medias) => {\n    const key = Object.keys(medias).find((key) => medias[key].matches) as keyof typeof MAP_CALLBACKS;\n    MAP_CALLBACKS[key]?.();\n  };\n\n  useEffect(() => {\n    const medias = getMedias();\n    initialize(medias);\n  }, []);\n\n  useEffect(() => {\n    const medias = getMedias();\n\n    /* eslint-disable @typescript-eslint/no-unused-expressions */\n    onXs && medias.xs.addEventListener('change', makeXs);\n    onSm && medias.sm.addEventListener('change', makeSm);\n    onMd && medias.md.addEventListener('change', makeMd);\n    onLg && medias.lg.addEventListener('change', makeLg);\n    onXl && medias.xl.addEventListener('change', makeXl);\n\n    return () => {\n      onXs && medias.xs.removeEventListener('change', makeXs);\n      onSm && medias.sm.removeEventListener('change', makeSm);\n      onMd && medias.md.removeEventListener('change', makeMd);\n      onLg && medias.lg.removeEventListener('change', makeLg);\n      onXl && medias.xl.removeEventListener('change', makeXl);\n    };\n    /* eslint-enable @typescript-eslint/no-unused-expressions */\n  }, deps);\n};"],"names":["DeviceBreakpoints","xs","sm","md","lg","xl","MEDIAS","getMedias","useResize","onXs","onSm","onMd","onLg","onXl","deps","MAP_CALLBACKS","checker","event","fn","makeXs","makeSm","makeMd","makeLg","makeXl","initialize","medias","key","useEffect"],"mappings":"sGAIO,MAAMA,EAAoB,CAC/B,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOC,CAAE,CAAC,KACnC,EAkBMC,EAA2C,CAC/C,GAAIN,EAAkB,OACtB,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAIA,EAAkB,MACxB,EAEMO,EAAY,KACT,CACL,GAAI,OAAO,WAAWD,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,CAAA,GAInC,SAAwBE,EAAU,CAChC,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,CAC1B,EAAaC,EAAc,CAAA,EAAI,CAC7B,MAAMC,EAAgB,CACpB,GAAIN,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAGAG,EAAU,CAACC,EAA4BC,IAAmB,CAAMD,EAAM,SAAWC,EAAA,CAAQ,EAEzFC,EAAUF,GAA+B,CACzCR,GAAQO,EAAQC,EAAOR,CAAI,CACjC,EAEMW,EAAUH,GAA+B,CACzCP,GAAQM,EAAQC,EAAOP,CAAI,CACjC,EAEMW,EAAUJ,GAA+B,CACzCN,GAAQK,EAAQC,EAAON,CAAI,CACjC,EAEMW,EAAUL,GAA+B,CACzCL,GAAQI,EAAQC,EAAOL,CAAI,CACjC,EAEMW,EAAUN,GAA+B,CACzCJ,GAAQG,EAAQC,EAAOJ,CAAI,CACjC,EAEMW,EAAcC,GAAmB,CACrC,MAAMC,EAAM,OAAO,KAAKD,CAAM,EAAE,KAAMC,GAAQD,EAAOC,CAAG,EAAE,OAAO,EACjEX,EAAcW,CAAG,IAAA,CACnB,EAEAC,EAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EACfiB,EAAWC,CAAM,CACnB,EAAG,CAAA,CAAE,EAELE,EAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EAGf,OAAAE,GAAQgB,EAAO,GAAG,iBAAiB,SAAUN,CAAM,EACnDT,GAAQe,EAAO,GAAG,iBAAiB,SAAUL,CAAM,EACnDT,GAAQc,EAAO,GAAG,iBAAiB,SAAUJ,CAAM,EACnDT,GAAQa,EAAO,GAAG,iBAAiB,SAAUH,CAAM,EACnDT,GAAQY,EAAO,GAAG,iBAAiB,SAAUF,CAAM,EAE5C,IAAM,CACXd,GAAQgB,EAAO,GAAG,oBAAoB,SAAUN,CAAM,EACtDT,GAAQe,EAAO,GAAG,oBAAoB,SAAUL,CAAM,EACtDT,GAAQc,EAAO,GAAG,oBAAoB,SAAUJ,CAAM,EACtDT,GAAQa,EAAO,GAAG,oBAAoB,SAAUH,CAAM,EACtDT,GAAQY,EAAO,GAAG,oBAAoB,SAAUF,CAAM,CACxD,CAEF,EAAGT,CAAI,CACT"}

package/dist/chunks/useTheme-DoESyi5h.cjs

@@ -0,0 +1,2 @@
+"use strict";const d=require("react"),l=require("react/jsx-runtime"),g=require("./generateSupportColors-CTMoGhDf.cjs");function f(t){return[`${t}.main`,`${t}.dark`,`${t}.light`,`${t}.opacity`,`${t}.contrast`]}function h(t){return t.reduce((e,r)=>{const n=f(r);return e=[...e,...n],e},["text.primary","text.secondary","text.disabled","background.paper","background.default","divider"])}const F=["primary","secondary","error","warning","success","info"];h(F);function a(t,e){document.documentElement.style.setProperty(`--${t}`,e.main),document.documentElement.style.setProperty(`--${t}-light`,e.light),document.documentElement.style.setProperty(`--${t}-dark`,e.dark),document.documentElement.style.setProperty(`--${t}-contrast`,e.contrast),document.documentElement.style.setProperty(`--${t}-opacity`,e.opacity)}function b(t){if(document.querySelector(`link[href="${t}"]`))return;const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}function E(t){if(typeof window>"u")return;const{palette:e,shape:r,spacing:n,typography:o}=t;o.url&&b(o.url),a("info",e.info),a("error",e.error),a("warning",e.warning),a("success",e.success),a("primary",e.primary),a("secondary",e.secondary),a("grey",e.grey),document.documentElement.style.setProperty("--typography",o.family),document.documentElement.style.setProperty("--text-primary",e.text?.primary),document.documentElement.style.setProperty("--text-secondary",e.text?.secondary),document.documentElement.style.setProperty("--text-disabled",e.text?.disabled),document.documentElement.style.setProperty("--background-paper",e.background?.paper),document.documentElement.style.setProperty("--background-default",e.background?.default),document.documentElement.style.setProperty("--divider",e.divider),document.documentElement.style.setProperty("--radius",`${r.radius}px`),document.documentElement.style.setProperty("--spacing",`${n}px`)}const c=8,i={radius:8},u={mode:"light",palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#FB7185",grey:"#F4F4F4",text:{primary:"rgb(31, 41, 55)",secondary:"rgb(75, 85, 99)",disabled:"rgb(172, 172, 172)"},background:{paper:"#F9F8F9",default:"#FFF"},divider:"rgba(0, 0, 0, 0.12)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},P={palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#EBFF5E",grey:"#2A2A2A",text:{primary:"rgba(255, 255, 255, 0.87)",secondary:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.38)"},background:{paper:"#0D0225",default:"#30294E"},divider:"rgba(255, 255, 255, 0.12)"},spacing:c,shape:i,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},x=["primary","secondary","error","warning","success","info","grey"];function m(t){const e=t?.mode??"light",r=e==="dark"?P:u,n=t?.palette??{},o=r.palette,p=Object.fromEntries(x.map(s=>[s,g.generateSupportColors(n[s]??o[s])]));return{mode:e,palette:{text:n.text??o.text,background:n.background??o.background,divider:n.divider??o.divider,...p},shape:t?.shape??r.shape,spacing:t?.spacing??r.spacing,typography:t?.typography??r.typography}}const y=d.createContext({theme:m(u),updateTheme:()=>{}});function k({theme:t,children:e}){const[r,n]=d.useState(t),o=d.useMemo(()=>({theme:r,updateTheme:s=>p(s)}),[t,r]);d.useEffect(()=>{E(r)},[r]);const p=s=>{n(s)};return l.jsx(y.Provider,{value:o,children:e})}function C(){return d.useContext(y)}exports.ThemeProvider=k;exports.createTheme=m;exports.useTheme=C;
+//# sourceMappingURL=useTheme-DoESyi5h.cjs.map

package/dist/chunks/useTheme-DoESyi5h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme-DoESyi5h.cjs","sources":["../../../../core/src/theme/createMappedColors.ts","../../../../core/src/theme/Theme.ts","../../../../core/src/theme/applyTheme/applyTheme.ts","../../../../core/src/theme/defaultTheme.ts","../../../../core/src/theme/createTheme/createTheme.ts","../../src/theme/ThemeProvider.tsx","../../src/theme/useTheme.ts"],"sourcesContent":["import type { MappedColors, Colors, colors } from './Theme';\n\nfunction generateMappedColor(color: Colors): MappedColors[] {\n  return [\n    `${color}.main`,\n    `${color}.dark`,\n    `${color}.light`,\n    `${color}.opacity`,\n    `${color}.contrast`,\n  ];\n}\n\nexport function createMappedColors(_colors: typeof colors): MappedColors[] {\n  return _colors.reduce<MappedColors[]>((acc, color) => {\n    const mapped = generateMappedColor(color);\n\n    acc = [...acc, ...mapped];\n\n    return acc;\n  }, [\n    'text.primary',\n    'text.secondary',\n    'text.disabled',\n    'background.paper',\n    'background.default',\n    'divider'\n  ]);\n}","import type { Path } from '@iziui/toolkit/interface';\n\nimport { createMappedColors } from './createMappedColors';\n\nexport const colors = ['primary', 'secondary', 'error', 'warning', 'success', 'info'] as const;\nexport const mappedColors = createMappedColors(colors);\n\nexport type Mode = 'light' | 'dark'\n\nexport type MappedColors = Path<PaletteBuilded>;\nexport type Colors = typeof colors[number];\n\nexport type Size = 'small' | 'medium' | 'large';\n\nexport interface Color {\n    main: string;\n    dark: string;\n    light: string;\n    opacity: string;\n    contrast: string;\n}\n\nexport interface Palette {\n    info: string;\n    error: string;\n    warning: string;\n    success: string;\n    primary: string;\n    secondary: string;\n    grey: string;\n    text: {\n        primary: string;\n        secondary: string;\n        disabled: string;\n    };\n    background: {\n        paper: string;\n        default: string;\n    };\n    divider: string;\n}\n\nexport type Spacing = number;\nexport type Shape = { radius: number; }\nexport type Typography = { family: string; url?: string; }\n\nexport interface PaletteBuilded extends Pick<Palette, 'text' | 'background' | 'divider'> {\n    grey: Color;\n    info: Color;\n    error: Color;\n    warning: Color;\n    success: Color;\n    primary: Color;\n    secondary: Color;\n}\n\nexport interface Theme {\n    mode: Mode;\n    shape: Shape;\n    palette: Palette;\n    spacing: Spacing;\n    typography: Typography;\n}\n\nexport interface ThemeOptions extends Omit<Partial<Theme>, 'palette'> {\n    palette?: Partial<Palette>;\n}\nexport interface ThemeBuilded extends Omit<Theme, 'palette'> {\n    palette: PaletteBuilded;\n}\n","import type { ThemeBuilded, Color } from '../Theme';\n\nfunction setColor(name: string, color: Color) {\n  document.documentElement.style.setProperty(`--${name}`, color.main);\n  document.documentElement.style.setProperty(`--${name}-light`, color.light);\n  document.documentElement.style.setProperty(`--${name}-dark`, color.dark);\n  document.documentElement.style.setProperty(`--${name}-contrast`, color.contrast);\n  document.documentElement.style.setProperty(`--${name}-opacity`, color.opacity);\n}\n\nfunction ensureStylesheet(href: string) {\n  if (document.querySelector(`link[href=\"${href}\"]`)) return;\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = href;\n  document.head.appendChild(link);\n}\n\nexport function applyTheme(theme: ThemeBuilded) {\n  if (typeof window === 'undefined') { return; }\n\n  const { palette, shape, spacing, typography } = theme;\n\n  if (typography.url) { ensureStylesheet(typography.url); }\n\n  // COLORS\n  setColor('info', palette.info);\n  setColor('error', palette.error);\n  setColor('warning', palette.warning);\n  setColor('success', palette.success);\n  setColor('primary', palette.primary);\n  setColor('secondary', palette.secondary);\n\n  // GREY\n  setColor('grey', palette.grey);\n\n  // TYPOGRAPHY\n  document.documentElement.style.setProperty('--typography', typography.family);\n\n  // TEXT\n  document.documentElement.style.setProperty('--text-primary', palette.text?.primary);\n  document.documentElement.style.setProperty('--text-secondary', palette.text?.secondary);\n  document.documentElement.style.setProperty('--text-disabled', palette.text?.disabled);\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--background-paper', palette.background?.paper);\n  document.documentElement.style.setProperty('--background-default', palette.background?.default);\n\n  // DIVIDER\n  document.documentElement.style.setProperty('--divider', palette.divider);\n\n  // SHAPE\n  document.documentElement.style.setProperty('--radius', `${shape.radius}px`);\n\n  // SPACING\n  document.documentElement.style.setProperty('--spacing', `${spacing}px`);\n}","import type { Theme } from './Theme';\n\nexport const defaultSpacing: Theme['spacing'] = 8;\nexport const defaultShape: Theme['shape'] = { radius: 8 };\n\nexport const themeDefaultLight: Theme = {\n  mode: 'light',\n  palette: {\n    info: '#72E4FC',\n    error: '#FF5377',\n    warning: '#FF9457',\n    success: '#36E79B',\n    primary: '#6C37F4',\n    secondary: '#FB7185', //C026D3 // F97316 // FB7185 // F59E0B\n    grey: '#F4F4F4',\n    text: {\n      primary: 'rgb(31, 41, 55)',\n      secondary: 'rgb(75, 85, 99)',\n      disabled: 'rgb(172, 172, 172)'\n    },\n    background: {\n      paper: '#F9F8F9',\n      default: '#FFF',\n    },\n    divider: 'rgba(0, 0, 0, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape,\n  typography: {\n    family: 'Poppins',\n    // eslint-disable-next-line\n    url: 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'\n  }\n};\n\nexport const themeDefaultDark: Theme = {\n  mode: 'dark',\n  palette: {\n    info: '#72E4FC',\n    error: '#FF5377',\n    warning: '#FF9457',\n    success: '#36E79B',\n    primary: '#6C37F4',\n    secondary: '#EBFF5E',\n    grey: '#2A2A2A',\n    text: {\n      primary: 'rgba(255, 255, 255, 0.87)',\n      secondary: 'rgba(255, 255, 255, 0.6)',\n      disabled: 'rgba(255, 255, 255, 0.38)'\n    },\n    background: {\n      paper: '#0D0225',\n      default: '#30294E',\n    },\n    divider: 'rgba(255, 255, 255, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape,\n  typography: {\n    family: 'Poppins',\n    // eslint-disable-next-line\n    url: 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'\n  }\n};","import { generateSupportColors } from '../../utils';\nimport type { ThemeBuilded, ThemeOptions } from '../Theme';\nimport { themeDefaultDark, themeDefaultLight } from '../defaultTheme';\n\nconst SUPPORT_KEYS = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'success',\n  'info',\n  'grey',\n] as const;\n\ntype SupportKey = (typeof SUPPORT_KEYS)[number];\n\nexport function createTheme(theme?: ThemeOptions): ThemeBuilded {\n  const mode = theme?.mode ?? 'light';\n  const ref = mode === 'dark' ? themeDefaultDark : themeDefaultLight;\n\n  const paletteFromUser = theme?.palette ?? {};\n  const paletteFromRef = ref.palette;\n\n  const supportColors = Object.fromEntries(\n    SUPPORT_KEYS.map((key) => [\n      key,\n      generateSupportColors(paletteFromUser[key] ?? paletteFromRef[key]),\n    ])\n  ) as Record<SupportKey, ThemeBuilded['palette'][SupportKey]>;\n\n  return {\n    mode,\n    palette: {\n      text: paletteFromUser.text ?? paletteFromRef.text,\n      background: paletteFromUser.background ?? paletteFromRef.background,\n      divider: paletteFromUser.divider ?? paletteFromRef.divider,\n      ...supportColors,\n    },\n    shape: theme?.shape ?? ref.shape,\n    spacing: theme?.spacing ?? ref.spacing,\n    typography: theme?.typography ?? ref.typography,\n  };\n}","import { createContext, useEffect, useMemo, useState, type PropsWithChildren } from 'react';\n\nimport type { ThemeBuilded } from '@iziui/core/theme';\nimport { createTheme, applyTheme, themeDefaultLight } from '@iziui/core/theme';\n\nimport '@iziui/styles/base/_base.scss';\n\nexport interface ThemeContextConfig {\n  theme: ThemeBuilded;\n  updateTheme: (theme: ThemeBuilded) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextConfig>({\n  theme: createTheme(themeDefaultLight),\n  updateTheme: () => { },\n});\n\ntype ThemeProviderProps = PropsWithChildren<{ theme: ThemeBuilded; }>\nexport default function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  const [_theme, setTheme] = useState<ThemeBuilded>(theme);\n\n  const context = useMemo<ThemeContextConfig>(() => ({\n    theme: _theme,\n    updateTheme: (newTheme: ThemeBuilded) => updateTheme(newTheme),\n  }), [theme, _theme]);\n\n  useEffect(() => { applyTheme(_theme); }, [_theme]);\n\n  const updateTheme = (newTheme: ThemeBuilded) => { setTheme(newTheme); };\n\n  return (\n    <ThemeContext.Provider value={context}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n","import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeProvider';\n\nexport default function useTheme() {\n  return useContext(ThemeContext);\n}"],"names":["generateMappedColor","color","createMappedColors","_colors","acc","mapped","colors","setColor","name","ensureStylesheet","href","link","applyTheme","theme","palette","shape","spacing","typography","defaultSpacing","defaultShape","themeDefaultLight","themeDefaultDark","SUPPORT_KEYS","createTheme","mode","ref","paletteFromUser","paletteFromRef","supportColors","key","generateSupportColors","ThemeContext","createContext","ThemeProvider","children","_theme","setTheme","useState","context","useMemo","newTheme","updateTheme","useEffect","useTheme","useContext"],"mappings":"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"}

package/dist/chunks/useTheme-njpgklWP.js

@@ -0,0 +1,2 @@
+import{useState as m,useMemo as y,useEffect as l,createContext as g,useContext as f}from"react";import{jsx as h}from"react/jsx-runtime";import{g as F}from"./generateSupportColors-BN5t8dA-.js";function b(t){return[`${t}.main`,`${t}.dark`,`${t}.light`,`${t}.opacity`,`${t}.contrast`]}function E(t){return t.reduce((e,r)=>{const n=b(r);return e=[...e,...n],e},["text.primary","text.secondary","text.disabled","background.paper","background.default","divider"])}const x=["primary","secondary","error","warning","success","info"];E(x);function a(t,e){document.documentElement.style.setProperty(`--${t}`,e.main),document.documentElement.style.setProperty(`--${t}-light`,e.light),document.documentElement.style.setProperty(`--${t}-dark`,e.dark),document.documentElement.style.setProperty(`--${t}-contrast`,e.contrast),document.documentElement.style.setProperty(`--${t}-opacity`,e.opacity)}function P(t){if(document.querySelector(`link[href="${t}"]`))return;const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}function k(t){if(typeof window>"u")return;const{palette:e,shape:r,spacing:n,typography:o}=t;o.url&&P(o.url),a("info",e.info),a("error",e.error),a("warning",e.warning),a("success",e.success),a("primary",e.primary),a("secondary",e.secondary),a("grey",e.grey),document.documentElement.style.setProperty("--typography",o.family),document.documentElement.style.setProperty("--text-primary",e.text?.primary),document.documentElement.style.setProperty("--text-secondary",e.text?.secondary),document.documentElement.style.setProperty("--text-disabled",e.text?.disabled),document.documentElement.style.setProperty("--background-paper",e.background?.paper),document.documentElement.style.setProperty("--background-default",e.background?.default),document.documentElement.style.setProperty("--divider",e.divider),document.documentElement.style.setProperty("--radius",`${r.radius}px`),document.documentElement.style.setProperty("--spacing",`${n}px`)}const d=8,c={radius:8},i={mode:"light",palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#FB7185",grey:"#F4F4F4",text:{primary:"rgb(31, 41, 55)",secondary:"rgb(75, 85, 99)",disabled:"rgb(172, 172, 172)"},background:{paper:"#F9F8F9",default:"#FFF"},divider:"rgba(0, 0, 0, 0.12)"},spacing:d,shape:c,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},C={palette:{info:"#72E4FC",error:"#FF5377",warning:"#FF9457",success:"#36E79B",primary:"#6C37F4",secondary:"#EBFF5E",grey:"#2A2A2A",text:{primary:"rgba(255, 255, 255, 0.87)",secondary:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.38)"},background:{paper:"#0D0225",default:"#30294E"},divider:"rgba(255, 255, 255, 0.12)"},spacing:d,shape:c,typography:{family:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"}},$=["primary","secondary","error","warning","success","info","grey"];function w(t){const e=t?.mode??"light",r=e==="dark"?C:i,n=t?.palette??{},o=r.palette,p=Object.fromEntries($.map(s=>[s,F(n[s]??o[s])]));return{mode:e,palette:{text:n.text??o.text,background:n.background??o.background,divider:n.divider??o.divider,...p},shape:t?.shape??r.shape,spacing:t?.spacing??r.spacing,typography:t?.typography??r.typography}}const u=g({theme:w(i),updateTheme:()=>{}});function B({theme:t,children:e}){const[r,n]=m(t),o=y(()=>({theme:r,updateTheme:s=>p(s)}),[t,r]);l(()=>{k(r)},[r]);const p=s=>{n(s)};return h(u.Provider,{value:o,children:e})}function D(){return f(u)}export{B as T,w as c,D as u};
+//# sourceMappingURL=useTheme-njpgklWP.js.map

package/dist/chunks/useTheme-njpgklWP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme-njpgklWP.js","sources":["../../../../core/src/theme/createMappedColors.ts","../../../../core/src/theme/Theme.ts","../../../../core/src/theme/applyTheme/applyTheme.ts","../../../../core/src/theme/defaultTheme.ts","../../../../core/src/theme/createTheme/createTheme.ts","../../src/theme/ThemeProvider.tsx","../../src/theme/useTheme.ts"],"sourcesContent":["import type { MappedColors, Colors, colors } from './Theme';\n\nfunction generateMappedColor(color: Colors): MappedColors[] {\n  return [\n    `${color}.main`,\n    `${color}.dark`,\n    `${color}.light`,\n    `${color}.opacity`,\n    `${color}.contrast`,\n  ];\n}\n\nexport function createMappedColors(_colors: typeof colors): MappedColors[] {\n  return _colors.reduce<MappedColors[]>((acc, color) => {\n    const mapped = generateMappedColor(color);\n\n    acc = [...acc, ...mapped];\n\n    return acc;\n  }, [\n    'text.primary',\n    'text.secondary',\n    'text.disabled',\n    'background.paper',\n    'background.default',\n    'divider'\n  ]);\n}","import type { Path } from '@iziui/toolkit/interface';\n\nimport { createMappedColors } from './createMappedColors';\n\nexport const colors = ['primary', 'secondary', 'error', 'warning', 'success', 'info'] as const;\nexport const mappedColors = createMappedColors(colors);\n\nexport type Mode = 'light' | 'dark'\n\nexport type MappedColors = Path<PaletteBuilded>;\nexport type Colors = typeof colors[number];\n\nexport type Size = 'small' | 'medium' | 'large';\n\nexport interface Color {\n    main: string;\n    dark: string;\n    light: string;\n    opacity: string;\n    contrast: string;\n}\n\nexport interface Palette {\n    info: string;\n    error: string;\n    warning: string;\n    success: string;\n    primary: string;\n    secondary: string;\n    grey: string;\n    text: {\n        primary: string;\n        secondary: string;\n        disabled: string;\n    };\n    background: {\n        paper: string;\n        default: string;\n    };\n    divider: string;\n}\n\nexport type Spacing = number;\nexport type Shape = { radius: number; }\nexport type Typography = { family: string; url?: string; }\n\nexport interface PaletteBuilded extends Pick<Palette, 'text' | 'background' | 'divider'> {\n    grey: Color;\n    info: Color;\n    error: Color;\n    warning: Color;\n    success: Color;\n    primary: Color;\n    secondary: Color;\n}\n\nexport interface Theme {\n    mode: Mode;\n    shape: Shape;\n    palette: Palette;\n    spacing: Spacing;\n    typography: Typography;\n}\n\nexport interface ThemeOptions extends Omit<Partial<Theme>, 'palette'> {\n    palette?: Partial<Palette>;\n}\nexport interface ThemeBuilded extends Omit<Theme, 'palette'> {\n    palette: PaletteBuilded;\n}\n","import type { ThemeBuilded, Color } from '../Theme';\n\nfunction setColor(name: string, color: Color) {\n  document.documentElement.style.setProperty(`--${name}`, color.main);\n  document.documentElement.style.setProperty(`--${name}-light`, color.light);\n  document.documentElement.style.setProperty(`--${name}-dark`, color.dark);\n  document.documentElement.style.setProperty(`--${name}-contrast`, color.contrast);\n  document.documentElement.style.setProperty(`--${name}-opacity`, color.opacity);\n}\n\nfunction ensureStylesheet(href: string) {\n  if (document.querySelector(`link[href=\"${href}\"]`)) return;\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = href;\n  document.head.appendChild(link);\n}\n\nexport function applyTheme(theme: ThemeBuilded) {\n  if (typeof window === 'undefined') { return; }\n\n  const { palette, shape, spacing, typography } = theme;\n\n  if (typography.url) { ensureStylesheet(typography.url); }\n\n  // COLORS\n  setColor('info', palette.info);\n  setColor('error', palette.error);\n  setColor('warning', palette.warning);\n  setColor('success', palette.success);\n  setColor('primary', palette.primary);\n  setColor('secondary', palette.secondary);\n\n  // GREY\n  setColor('grey', palette.grey);\n\n  // TYPOGRAPHY\n  document.documentElement.style.setProperty('--typography', typography.family);\n\n  // TEXT\n  document.documentElement.style.setProperty('--text-primary', palette.text?.primary);\n  document.documentElement.style.setProperty('--text-secondary', palette.text?.secondary);\n  document.documentElement.style.setProperty('--text-disabled', palette.text?.disabled);\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--background-paper', palette.background?.paper);\n  document.documentElement.style.setProperty('--background-default', palette.background?.default);\n\n  // DIVIDER\n  document.documentElement.style.setProperty('--divider', palette.divider);\n\n  // SHAPE\n  document.documentElement.style.setProperty('--radius', `${shape.radius}px`);\n\n  // SPACING\n  document.documentElement.style.setProperty('--spacing', `${spacing}px`);\n}","import type { Theme } from './Theme';\n\nexport const defaultSpacing: Theme['spacing'] = 8;\nexport const defaultShape: Theme['shape'] = { radius: 8 };\n\nexport const themeDefaultLight: Theme = {\n  mode: 'light',\n  palette: {\n    info: '#72E4FC',\n    error: '#FF5377',\n    warning: '#FF9457',\n    success: '#36E79B',\n    primary: '#6C37F4',\n    secondary: '#FB7185', //C026D3 // F97316 // FB7185 // F59E0B\n    grey: '#F4F4F4',\n    text: {\n      primary: 'rgb(31, 41, 55)',\n      secondary: 'rgb(75, 85, 99)',\n      disabled: 'rgb(172, 172, 172)'\n    },\n    background: {\n      paper: '#F9F8F9',\n      default: '#FFF',\n    },\n    divider: 'rgba(0, 0, 0, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape,\n  typography: {\n    family: 'Poppins',\n    // eslint-disable-next-line\n    url: 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'\n  }\n};\n\nexport const themeDefaultDark: Theme = {\n  mode: 'dark',\n  palette: {\n    info: '#72E4FC',\n    error: '#FF5377',\n    warning: '#FF9457',\n    success: '#36E79B',\n    primary: '#6C37F4',\n    secondary: '#EBFF5E',\n    grey: '#2A2A2A',\n    text: {\n      primary: 'rgba(255, 255, 255, 0.87)',\n      secondary: 'rgba(255, 255, 255, 0.6)',\n      disabled: 'rgba(255, 255, 255, 0.38)'\n    },\n    background: {\n      paper: '#0D0225',\n      default: '#30294E',\n    },\n    divider: 'rgba(255, 255, 255, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape,\n  typography: {\n    family: 'Poppins',\n    // eslint-disable-next-line\n    url: 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'\n  }\n};","import { generateSupportColors } from '../../utils';\nimport type { ThemeBuilded, ThemeOptions } from '../Theme';\nimport { themeDefaultDark, themeDefaultLight } from '../defaultTheme';\n\nconst SUPPORT_KEYS = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'success',\n  'info',\n  'grey',\n] as const;\n\ntype SupportKey = (typeof SUPPORT_KEYS)[number];\n\nexport function createTheme(theme?: ThemeOptions): ThemeBuilded {\n  const mode = theme?.mode ?? 'light';\n  const ref = mode === 'dark' ? themeDefaultDark : themeDefaultLight;\n\n  const paletteFromUser = theme?.palette ?? {};\n  const paletteFromRef = ref.palette;\n\n  const supportColors = Object.fromEntries(\n    SUPPORT_KEYS.map((key) => [\n      key,\n      generateSupportColors(paletteFromUser[key] ?? paletteFromRef[key]),\n    ])\n  ) as Record<SupportKey, ThemeBuilded['palette'][SupportKey]>;\n\n  return {\n    mode,\n    palette: {\n      text: paletteFromUser.text ?? paletteFromRef.text,\n      background: paletteFromUser.background ?? paletteFromRef.background,\n      divider: paletteFromUser.divider ?? paletteFromRef.divider,\n      ...supportColors,\n    },\n    shape: theme?.shape ?? ref.shape,\n    spacing: theme?.spacing ?? ref.spacing,\n    typography: theme?.typography ?? ref.typography,\n  };\n}","import { createContext, useEffect, useMemo, useState, type PropsWithChildren } from 'react';\n\nimport type { ThemeBuilded } from '@iziui/core/theme';\nimport { createTheme, applyTheme, themeDefaultLight } from '@iziui/core/theme';\n\nimport '@iziui/styles/base/_base.scss';\n\nexport interface ThemeContextConfig {\n  theme: ThemeBuilded;\n  updateTheme: (theme: ThemeBuilded) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextConfig>({\n  theme: createTheme(themeDefaultLight),\n  updateTheme: () => { },\n});\n\ntype ThemeProviderProps = PropsWithChildren<{ theme: ThemeBuilded; }>\nexport default function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  const [_theme, setTheme] = useState<ThemeBuilded>(theme);\n\n  const context = useMemo<ThemeContextConfig>(() => ({\n    theme: _theme,\n    updateTheme: (newTheme: ThemeBuilded) => updateTheme(newTheme),\n  }), [theme, _theme]);\n\n  useEffect(() => { applyTheme(_theme); }, [_theme]);\n\n  const updateTheme = (newTheme: ThemeBuilded) => { setTheme(newTheme); };\n\n  return (\n    <ThemeContext.Provider value={context}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n","import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeProvider';\n\nexport default function useTheme() {\n  return useContext(ThemeContext);\n}"],"names":["generateMappedColor","color","createMappedColors","_colors","acc","mapped","colors","setColor","name","ensureStylesheet","href","link","applyTheme","theme","palette","shape","spacing","typography","defaultSpacing","defaultShape","themeDefaultLight","themeDefaultDark","SUPPORT_KEYS","createTheme","mode","ref","paletteFromUser","paletteFromRef","supportColors","key","generateSupportColors","ThemeContext","createContext","ThemeProvider","children","_theme","setTheme","useState","context","useMemo","newTheme","updateTheme","useEffect","useTheme","useContext"],"mappings":"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"}

package/dist/chunks/uuid-dGvr9vBZ.js

@@ -0,0 +1,2 @@
+function e(){let x=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){const t=(x+Math.random()*16)%16|0;return x=Math.floor(x/16),(n=="x"?t:t&3|8).toString(16)})}export{e as u};
+//# sourceMappingURL=uuid-dGvr9vBZ.js.map

package/dist/chunks/uuid-dGvr9vBZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid-dGvr9vBZ.js","sources":["../../../../toolkit/src/uuid/uuid.ts"],"sourcesContent":["export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}"],"names":["uuid","dt","c","r"],"mappings":"AAAO,SAASA,GAAO,CACrB,IAAIC,EAAK,IAAI,KAAA,EAAO,QAAA,EAQpB,MANa,uCAAuC,QAAQ,QAAS,SAAUC,EAAG,CAChF,MAAMC,GAAKF,EAAK,KAAK,SAAW,IAAM,GAAK,EAC3C,OAAAA,EAAK,KAAK,MAAMA,EAAK,EAAE,GACfC,GAAK,IAAMC,EAAKA,EAAI,EAAM,GAAM,SAAS,EAAE,CACrD,CAAC,CAGH"}

package/dist/chunks/uuid-omnJ9TjZ.cjs

@@ -0,0 +1,2 @@
+"use strict";function n(){let x=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(u){const t=(x+Math.random()*16)%16|0;return x=Math.floor(x/16),(u=="x"?t:t&3|8).toString(16)})}exports.uuid=n;
+//# sourceMappingURL=uuid-omnJ9TjZ.cjs.map

package/dist/chunks/uuid-omnJ9TjZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid-omnJ9TjZ.cjs","sources":["../../../../toolkit/src/uuid/uuid.ts"],"sourcesContent":["export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}"],"names":["uuid","dt","c","r"],"mappings":"aAAO,SAASA,GAAO,CACrB,IAAIC,EAAK,IAAI,KAAA,EAAO,QAAA,EAQpB,MANa,uCAAuC,QAAQ,QAAS,SAAUC,EAAG,CAChF,MAAMC,GAAKF,EAAK,KAAK,SAAW,IAAM,GAAK,EAC3C,OAAAA,EAAK,KAAK,MAAMA,EAAK,EAAE,GACfC,GAAK,IAAMC,EAAKA,EAAI,EAAM,GAAM,SAAS,EAAE,CACrD,CAAC,CAGH"}

package/dist/components/Alert/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Alert-BxZX8Ifk.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Typography-CAQXUFSQ.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-COl2Nhp9.cjs");exports.default=e.Alert;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/feedback/Alert';
+export * from '../../.types/feedback/Alert';

package/dist/components/Alert/index.js

@@ -0,0 +1,2 @@
+import{A as b}from"../../chunks/Alert-Em-sG89m.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DK5pfu2w.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Typography-BIZP_DtQ.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CsX4oYeI.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CCIgEwA9.js";export{b as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),g=require("../../chunks/createComponent-CTufIEiN.cjs"),v=require("../../chunks/Icon-COl2Nhp9.cjs"),x=require("../../chunks/Typography-CAQXUFSQ.cjs");require("react");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function s(e){return e.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function m(e){const a=e.trim().split(" "),i=a.length===1,r=s(a[0]).charAt(0).toLocaleUpperCase(),c=i?s(a[0]).charAt(1).toLocaleUpperCase():s(a.reverse()[0]).charAt(0).toLocaleUpperCase();return r+c}function y({src:e,alt:a,name:i,size:r=40,variant:c="circular",color:u="primary",icon:l,...n}){const h=f.joinClass(`${t.prefix}-avatar`,`${t.prefix}-avatar--${c}`,`${t.prefix}-avatar--${u}`,e&&`${t.prefix}-avatar--image`,i&&`${t.prefix}-avatar--name`,!e&&!i||l&&`${t.prefix}-avatar--icon`,n.onClick&&`${t.prefix}-avatar--clickable`,n.className),p=()=>e?o.jsx("img",{src:e,alt:a,width:r,height:r,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):i?o.jsx(x.Typography,{style:{fontSize:r/2,color:"currentColor"},children:m(i)}):l||o.jsx(v.Icon,{name:"user",size:r/1.6,style:{color:"currentColor"}});return o.jsxs("div",{...n,style:{width:r,height:r,...n.style},className:h,children:[p(),n.children,n.onClick&&o.jsx(d.Ripple,{})]})}const C=g.createComponent(y);exports.default=C;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../toolkit/src/string/string.ts","../../../src/display/Avatar/Avatar.tsx"],"sourcesContent":["export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n","import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport { getInitials } from '@iziui/toolkit/string';\n\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport Icon from '../Icon';\nimport Typography from '../Typography';\n\nimport '@iziui/styles/components/Avatar.scss';\n\ninterface AvatarProps extends HTMLAttributes<HTMLElement> {\n  alt?: string;\n  src?: string;\n  name?: string;\n  size?: number;\n  color?: Colors;\n  variant?: 'rounded' | 'circular';\n  icon?: React.JSX.Element;\n}\nfunction Avatar({\n  src,\n  alt,\n  name,\n  size = 40,\n  variant = 'circular',\n  color = 'primary',\n  icon,\n  ...props\n}: AvatarProps) {\n  const className = joinClass(\n    `${prefix}-avatar`,\n    `${prefix}-avatar--${variant}`,\n    `${prefix}-avatar--${color}`,\n    src && `${prefix}-avatar--image`,\n    name && `${prefix}-avatar--name`,\n    (!src && !name) || icon && `${prefix}-avatar--icon`,\n    props.onClick && `${prefix}-avatar--clickable`,\n    props.className\n  );\n\n  const content = () => {\n    if (src) {\n      return (\n        <img\n          src={src}\n          alt={alt}\n          width={size}\n          height={size}\n          sizes=\"100vw\"\n          loading=\"lazy\"\n          style={{ width: '100%', height: 'auto' }}\n        />\n      );\n    }\n    if (name) {\n      return (\n        <Typography\n          style={{\n            fontSize: size / 2,\n            color: 'currentColor'\n          }}\n        >\n          {getInitials(name)}\n        </Typography>\n      );\n    }\n\n    if (icon) { return icon; }\n\n    return (\n      <Icon name=\"user\" size={size / 1.6} style={{ color: 'currentColor' }} />\n    );\n  };\n\n  return (\n    <div {...props} style={{ width: size, height: size, ...props.style }} className={className}>\n      {content()}\n      {props.children}\n      {props.onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Avatar);"],"names":["sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","Avatar","src","alt","size","variant","color","icon","props","className","joinClass","prefix","content","jsx","Typography","Icon","jsxs","Ripple","Avatar_default","createComponent"],"mappings":"omBAAO,SAASA,EAASC,EAAe,CACtC,OAAOA,EAAM,UAAU,KAAK,EACzB,KAAA,EAAO,cACP,QAAQ,iBAAkB,EAAE,EAC5B,QAAQ,KAAM,EAAE,EAChB,QAAQ,YAAa,EAAE,CAC5B,CAEO,SAASC,EAAYC,EAAc,CACxC,MAAMC,EAAkBD,EAAK,KAAA,EAAO,MAAM,GAAG,EAEvCE,EAAaD,EAAM,SAAW,EAE9BE,EAAeN,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE5CG,EAAgBF,EAClBL,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAC7BJ,EAASI,EAAM,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE3C,OAAOE,EAAeC,CACxB,CCMA,SAASC,EAAO,CACd,IAAAC,EACA,IAAAC,EACA,KAAAP,EACA,KAAAQ,EAAO,GACP,QAAAC,EAAU,WACV,MAAAC,EAAQ,UACR,KAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYN,CAAO,GAC5B,GAAGM,EAAAA,MAAM,YAAYL,CAAK,GAC1BJ,GAAO,GAAGS,EAAAA,MAAM,iBAChBf,GAAQ,GAAGe,EAAAA,MAAM,gBAChB,CAACT,GAAO,CAACN,GAASW,GAAQ,GAAGI,EAAAA,MAAM,gBACpCH,EAAM,SAAW,GAAGG,EAAAA,MAAM,qBAC1BH,EAAM,SAAA,EAGFI,EAAU,IACVV,EAEAW,EAAAA,IAAC,MAAA,CACC,IAAAX,EACA,IAAAC,EACA,MAAOC,EACP,OAAQA,EACR,MAAM,QACN,QAAQ,OACR,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,EAIzCR,EAEAiB,EAAAA,IAACC,EAAAA,WAAA,CACC,MAAO,CACL,SAAUV,EAAO,EACjB,MAAO,cAAA,EAGR,WAAYR,CAAI,CAAA,CAAA,EAKnBW,GAGFM,EAAAA,IAACE,EAAAA,KAAA,CAAK,KAAK,OAAO,KAAMX,EAAO,IAAK,MAAO,CAAE,MAAO,cAAA,CAAe,CAAG,EAI1E,OACEY,EAAAA,KAAC,MAAA,CAAK,GAAGR,EAAO,MAAO,CAAE,MAAOJ,EAAM,OAAQA,EAAM,GAAGI,EAAM,KAAA,EAAS,UAAAC,EACnE,SAAA,CAAAG,EAAA,EACAJ,EAAM,SACNA,EAAM,SAAWK,MAACI,EAAAA,OAAA,CAAA,CAAO,CAAA,EAC5B,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBlB,CAAM"}

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/display/Avatar';
+export * from '../../.types/display/Avatar';

package/dist/components/Avatar/index.js

@@ -0,0 +1,2 @@
+import{jsxs as h,jsx as n}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{j as u}from"../../chunks/joinClass-anSpaauN.js";import{R as g}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as v}from"../../chunks/createComponent-WNQRXK89.js";import{I as d}from"../../chunks/Icon-CCIgEwA9.js";import{T as C}from"../../chunks/Typography-BIZP_DtQ.js";import"react";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function s(t){return t.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function y(t){const e=t.trim().split(" "),o=e.length===1,a=s(e[0]).charAt(0).toLocaleUpperCase(),l=o?s(e[0]).charAt(1).toLocaleUpperCase():s(e.reverse()[0]).charAt(0).toLocaleUpperCase();return a+l}function $({src:t,alt:e,name:o,size:a=40,variant:l="circular",color:m="primary",icon:c,...i}){const p=u(`${r}-avatar`,`${r}-avatar--${l}`,`${r}-avatar--${m}`,t&&`${r}-avatar--image`,o&&`${r}-avatar--name`,!t&&!o||c&&`${r}-avatar--icon`,i.onClick&&`${r}-avatar--clickable`,i.className),f=()=>t?n("img",{src:t,alt:e,width:a,height:a,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):o?n(C,{style:{fontSize:a/2,color:"currentColor"},children:y(o)}):c||n(d,{name:"user",size:a/1.6,style:{color:"currentColor"}});return h("div",{...i,style:{width:a,height:a,...i.style},className:p,children:[f(),i.children,i.onClick&&n(g,{})]})}const R=v($);export{R as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../toolkit/src/string/string.ts","../../../src/display/Avatar/Avatar.tsx"],"sourcesContent":["export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n","import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport { getInitials } from '@iziui/toolkit/string';\n\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport Icon from '../Icon';\nimport Typography from '../Typography';\n\nimport '@iziui/styles/components/Avatar.scss';\n\ninterface AvatarProps extends HTMLAttributes<HTMLElement> {\n  alt?: string;\n  src?: string;\n  name?: string;\n  size?: number;\n  color?: Colors;\n  variant?: 'rounded' | 'circular';\n  icon?: React.JSX.Element;\n}\nfunction Avatar({\n  src,\n  alt,\n  name,\n  size = 40,\n  variant = 'circular',\n  color = 'primary',\n  icon,\n  ...props\n}: AvatarProps) {\n  const className = joinClass(\n    `${prefix}-avatar`,\n    `${prefix}-avatar--${variant}`,\n    `${prefix}-avatar--${color}`,\n    src && `${prefix}-avatar--image`,\n    name && `${prefix}-avatar--name`,\n    (!src && !name) || icon && `${prefix}-avatar--icon`,\n    props.onClick && `${prefix}-avatar--clickable`,\n    props.className\n  );\n\n  const content = () => {\n    if (src) {\n      return (\n        <img\n          src={src}\n          alt={alt}\n          width={size}\n          height={size}\n          sizes=\"100vw\"\n          loading=\"lazy\"\n          style={{ width: '100%', height: 'auto' }}\n        />\n      );\n    }\n    if (name) {\n      return (\n        <Typography\n          style={{\n            fontSize: size / 2,\n            color: 'currentColor'\n          }}\n        >\n          {getInitials(name)}\n        </Typography>\n      );\n    }\n\n    if (icon) { return icon; }\n\n    return (\n      <Icon name=\"user\" size={size / 1.6} style={{ color: 'currentColor' }} />\n    );\n  };\n\n  return (\n    <div {...props} style={{ width: size, height: size, ...props.style }} className={className}>\n      {content()}\n      {props.children}\n      {props.onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Avatar);"],"names":["sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","Avatar","src","alt","size","variant","color","icon","props","className","joinClass","prefix","content","jsx","Typography","Icon","jsxs","Ripple","Avatar_default","createComponent"],"mappings":"0hBAAO,SAASA,EAASC,EAAe,CACtC,OAAOA,EAAM,UAAU,KAAK,EACzB,KAAA,EAAO,cACP,QAAQ,iBAAkB,EAAE,EAC5B,QAAQ,KAAM,EAAE,EAChB,QAAQ,YAAa,EAAE,CAC5B,CAEO,SAASC,EAAYC,EAAc,CACxC,MAAMC,EAAkBD,EAAK,KAAA,EAAO,MAAM,GAAG,EAEvCE,EAAaD,EAAM,SAAW,EAE9BE,EAAeN,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE5CG,EAAgBF,EAClBL,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAC7BJ,EAASI,EAAM,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE3C,OAAOE,EAAeC,CACxB,CCMA,SAASC,EAAO,CACd,IAAAC,EACA,IAAAC,EACA,KAAAP,EACA,KAAAQ,EAAO,GACP,QAAAC,EAAU,WACV,MAAAC,EAAQ,UACR,KAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAYC,EAChB,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYN,CAAO,GAC5B,GAAGM,CAAM,YAAYL,CAAK,GAC1BJ,GAAO,GAAGS,CAAM,iBAChBf,GAAQ,GAAGe,CAAM,gBAChB,CAACT,GAAO,CAACN,GAASW,GAAQ,GAAGI,CAAM,gBACpCH,EAAM,SAAW,GAAGG,CAAM,qBAC1BH,EAAM,SAAA,EAGFI,EAAU,IACVV,EAEAW,EAAC,MAAA,CACC,IAAAX,EACA,IAAAC,EACA,MAAOC,EACP,OAAQA,EACR,MAAM,QACN,QAAQ,OACR,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,EAIzCR,EAEAiB,EAACC,EAAA,CACC,MAAO,CACL,SAAUV,EAAO,EACjB,MAAO,cAAA,EAGR,WAAYR,CAAI,CAAA,CAAA,EAKnBW,GAGFM,EAACE,EAAA,CAAK,KAAK,OAAO,KAAMX,EAAO,IAAK,MAAO,CAAE,MAAO,cAAA,CAAe,CAAG,EAI1E,OACEY,EAAC,MAAA,CAAK,GAAGR,EAAO,MAAO,CAAE,MAAOJ,EAAM,OAAQA,EAAM,GAAGI,EAAM,KAAA,EAAS,UAAAC,EACnE,SAAA,CAAAG,EAAA,EACAJ,EAAM,SACNA,EAAM,SAAWK,EAACI,EAAA,CAAA,CAAO,CAAA,EAC5B,CAEJ,CAEA,MAAAC,EAAeC,EAAgBlB,CAAM"}

package/dist/components/Box/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Box-ut8xLHQT.cjs");require("react/jsx-runtime");require("react");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Box;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/layout/Box';
+export * from '../../.types/layout/Box';

package/dist/components/Box/index.js

@@ -0,0 +1,2 @@
+import{B as f}from"../../chunks/Box-DD-rZ2rr.js";import"react/jsx-runtime";import"react";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),_=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function j({size:u="medium",color:r="primary",variant:p="contained",startIcon:c,endIcon:a,loading:s,children:$,...o}){const f=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${p}`,o.className),l=(t,b)=>m.cloneElement(t,{color:`${r}.contrast`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${b}`)}),x=t=>m.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxs("button",{...o,className:f,onClick:t=>!s&&o.onClick?.(t),children:[s?x(s):n.jsxs(n.Fragment,{children:[c&&l(c,"left"),$,a&&l(a,"right")]}),n.jsx(d.Ripple,{})]})}const q=_.createComponent(j);exports.default=q;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/actions/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { LoadingProps } from '@/feedback/Loading';\n\nimport type { IconProps } from '../../display/Icon';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  startIcon,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrast`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","startIcon","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"gdAuBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYV,CAAI,GACzB,GAAGU,EAAAA,MAAM,YAAYT,CAAK,GAC1B,GAAGS,EAAAA,MAAM,YAAYT,CAAK,KAAKC,CAAO,GACtCK,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAAA,aAAwBF,EAAM,CACnC,MAAO,GAAGX,CAAK,YACf,UAAWQ,EAAAA,UAAUG,EAAK,MAAM,UAAW,GAAGF,QAAM,gBAAiB,GAAGA,EAAAA,MAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAAAA,aAA2BT,EAAS,CACzC,UAAWI,EAAAA,UAAUJ,EAAQ,MAAM,UAAW,GAAGK,EAAAA,MAAM,mBAAoB,GAAGA,EAAAA,MAAM,qBAAqBV,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEgB,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,KAAAE,EAAAA,SAAA,CACG,SAAA,CAAAf,GAAaQ,EAAWR,EAAW,MAAM,EACzCG,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,QAGHe,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBtB,CAAM"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/actions/Button';
+export * from '../../.types/actions/Button';

package/dist/components/Button/index.js

@@ -0,0 +1,2 @@
+import{jsxs as u,Fragment as d,jsx as _}from"react/jsx-runtime";import{cloneElement as l}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{R as N}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as j}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function x({size:s="medium",color:n="primary",variant:p="contained",startIcon:a,endIcon:i,loading:r,children:$,...e}){const f=m(`${t}-button`,`${t}-button--${s}`,`${t}-button--${n}`,`${t}-button--${n}--${p}`,e.className),c=(o,b)=>l(o,{color:`${n}.contrast`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${b}`)});return u("button",{...e,className:f,onClick:o=>!r&&e.onClick?.(o),children:[r?(o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${s}`),size:"1.1rem"}))(r):u(d,{children:[a&&c(a,"left"),$,i&&c(i,"right")]}),_(N,{})]})}const F=j(x);export{F as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/actions/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { LoadingProps } from '@/feedback/Loading';\n\nimport type { IconProps } from '../../display/Icon';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  startIcon,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrast`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","startIcon","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"iaAuBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EACV,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYV,CAAI,GACzB,GAAGU,CAAM,YAAYT,CAAK,GAC1B,GAAGS,CAAM,YAAYT,CAAK,KAAKC,CAAO,GACtCK,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAwBF,EAAM,CACnC,MAAO,GAAGX,CAAK,YACf,UAAWQ,EAAUG,EAAK,MAAM,UAAW,GAAGF,CAAM,gBAAiB,GAAGA,CAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAUH,OACEE,EAAC,SAAA,CACE,GAAGR,EACJ,UAAWC,EACX,QAAUQ,GAAM,CAACX,GAAWE,EAAM,UAAUS,CAAC,EAG3C,SAAA,CAAAX,GAdiBA,GACdS,EAA2BT,EAAS,CACzC,UAAWI,EAAUJ,EAAQ,MAAM,UAAW,GAAGK,CAAM,mBAAoB,GAAGA,CAAM,qBAAqBV,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,GAU2BK,CAA4B,EAClDU,EAAAE,EAAA,CACG,SAAA,CAAAd,GAAaQ,EAAWR,EAAW,MAAM,EACzCG,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,IAGHc,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBrB,CAAM"}

package/dist/components/ButtonIcon/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");exports.default=e.ButtonIcon;
+//# sourceMappingURL=index.cjs.map

package/dist/components/ButtonIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/actions/ButtonIcon';
+export * from '../../.types/actions/ButtonIcon';

package/dist/components/ButtonIcon/index.js

@@ -0,0 +1,2 @@
+import{B as s}from"../../chunks/ButtonIcon-CsX4oYeI.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-WNQRXK89.js";export{s as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Card-B8XSgLaD.cjs"),r=require("../../chunks/CardContent-BivcVoIc.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("react");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.Card=e.Card;exports.CardContent=r.CardContent;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/display/Card';
+export * from '../../.types/display/Card';

package/dist/components/Card/index.js

@@ -0,0 +1,2 @@
+import{C as f}from"../../chunks/Card-DOsl4_nu.js";import{C as s}from"../../chunks/CardContent-C8ypE7yH.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"react";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as Card,s as CardContent};
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),x=require("../../chunks/joinClass-Jk3EszKD.cjs"),h=require("../../chunks/Stack-beBM7a60.cjs"),b=require("../../chunks/createComponent-CTufIEiN.cjs");require("react");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function k({label:n,name:c,color:t="primary",checked:i,disabled:s,error:l,helperText:o,...u}){const a=x.joinClass(`${e.prefix}-checkbox`,`${e.prefix}-checkbox--${t}`,i&&`${e.prefix}-checkbox--${t}--checked`,s&&`${e.prefix}-checkbox--disabled`),p=x.joinClass(`${e.prefix}-checkbox__helper-text`,o&&`${e.prefix}-checkbox__helper-text--visible`,l&&`${e.prefix}-checkbox__helper-text--error`);return r.jsxs(h.Stack,{gap:4,children:[r.jsxs("label",{htmlFor:c,className:a,children:[r.jsx("input",{type:"checkbox",...u,id:c,name:c,checked:i,disabled:s}),n]}),r.jsx("span",{className:p,children:o})]})}const f=b.createComponent(k);exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { HTMLProps } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Checkbox.scss';\n\nexport interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {\n  name: string;\n  label: string;\n  helperText?: string;\n  error?: boolean;\n  color?: Colors;\n  checked?: boolean;\n}\n\nfunction Checkbox({\n  label,\n  name,\n  color = 'primary',\n  checked,\n  disabled,\n  error,\n  helperText,\n  ...props\n}: CheckboxProps) {\n  const className = joinClass(\n    `${prefix}-checkbox`,\n    `${prefix}-checkbox--${color}`,\n    checked && `${prefix}-checkbox--${color}--checked`,\n    disabled && `${prefix}-checkbox--disabled`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-checkbox__helper-text`,\n    helperText && `${prefix}-checkbox__helper-text--visible`,\n    error && `${prefix}-checkbox__helper-text--error`,\n  );\n\n  return (\n    <Stack gap={4}>\n      <label htmlFor={name} className={className}>\n        <input\n          type=\"checkbox\"\n          {...props}\n          id={name}\n          name={name}\n          checked={checked}\n          disabled={disabled}\n        />\n        {label}\n      </label>\n      {\n        <span className={helperTextClss}>{helperText}</span>\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Checkbox);\n"],"names":["Checkbox","label","name","color","checked","disabled","error","helperText","props","className","joinClass","prefix","helperTextClss","jsxs","Stack","jsx","Checkbox_default","createComponent"],"mappings":"6cAsBA,SAASA,EAAS,CAChB,MAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,YACT,GAAGA,EAAAA,MAAM,cAAcR,CAAK,GAC5BC,GAAW,GAAGO,EAAAA,MAAM,cAAcR,CAAK,YACvCE,GAAY,GAAGM,EAAAA,MAAM,qBAAA,EAGjBC,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,yBACTJ,GAAc,GAAGI,EAAAA,MAAM,kCACvBL,GAAS,GAAGK,EAAAA,MAAM,+BAAA,EAGpB,OACEE,EAAAA,KAACC,EAAAA,MAAA,CAAM,IAAK,EACV,SAAA,CAAAD,EAAAA,KAAC,QAAA,CAAM,QAASX,EAAM,UAAAO,EACpB,SAAA,CAAAM,EAAAA,IAAC,QAAA,CACC,KAAK,WACJ,GAAGP,EACJ,GAAIN,EACJ,KAAAA,EACA,QAAAE,EACA,SAAAC,CAAA,CAAA,EAEDJ,CAAA,EACH,EAEEc,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAiB,SAAAL,CAAA,CAAW,CAAA,EAEjD,CAEJ,CAEA,MAAAS,EAAeC,EAAAA,gBAAgBjB,CAAQ"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/fields/Checkbox';
+export * from '../../.types/fields/Checkbox';

package/dist/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+import{jsxs as p,jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as h}from"../../chunks/joinClass-anSpaauN.js";import{S as n}from"../../chunks/Stack-DK5pfu2w.js";import{c as k}from"../../chunks/createComponent-WNQRXK89.js";import"react";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({label:x,name:o,color:c="primary",checked:r,disabled:t,error:a,helperText:s,...m}){const l=h(`${e}-checkbox`,`${e}-checkbox--${c}`,r&&`${e}-checkbox--${c}--checked`,t&&`${e}-checkbox--disabled`),b=h(`${e}-checkbox__helper-text`,s&&`${e}-checkbox__helper-text--visible`,a&&`${e}-checkbox__helper-text--error`);return p(n,{gap:4,children:[p("label",{htmlFor:o,className:l,children:[i("input",{type:"checkbox",...m,id:o,name:o,checked:r,disabled:t}),x]}),i("span",{className:b,children:s})]})}const S=k(f);export{S as default};
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { HTMLProps } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Checkbox.scss';\n\nexport interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {\n  name: string;\n  label: string;\n  helperText?: string;\n  error?: boolean;\n  color?: Colors;\n  checked?: boolean;\n}\n\nfunction Checkbox({\n  label,\n  name,\n  color = 'primary',\n  checked,\n  disabled,\n  error,\n  helperText,\n  ...props\n}: CheckboxProps) {\n  const className = joinClass(\n    `${prefix}-checkbox`,\n    `${prefix}-checkbox--${color}`,\n    checked && `${prefix}-checkbox--${color}--checked`,\n    disabled && `${prefix}-checkbox--disabled`,\n  );\n\n  const helperTextClss = joinClass(\n    `${prefix}-checkbox__helper-text`,\n    helperText && `${prefix}-checkbox__helper-text--visible`,\n    error && `${prefix}-checkbox__helper-text--error`,\n  );\n\n  return (\n    <Stack gap={4}>\n      <label htmlFor={name} className={className}>\n        <input\n          type=\"checkbox\"\n          {...props}\n          id={name}\n          name={name}\n          checked={checked}\n          disabled={disabled}\n        />\n        {label}\n      </label>\n      {\n        <span className={helperTextClss}>{helperText}</span>\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Checkbox);\n"],"names":["Checkbox","label","name","color","checked","disabled","error","helperText","props","className","joinClass","prefix","helperTextClss","jsxs","Stack","jsx","Checkbox_default","createComponent"],"mappings":"2XAsBA,SAASA,EAAS,CAChB,MAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAChB,GAAGC,CAAM,YACT,GAAGA,CAAM,cAAcR,CAAK,GAC5BC,GAAW,GAAGO,CAAM,cAAcR,CAAK,YACvCE,GAAY,GAAGM,CAAM,qBAAA,EAGjBC,EAAiBF,EACrB,GAAGC,CAAM,yBACTJ,GAAc,GAAGI,CAAM,kCACvBL,GAAS,GAAGK,CAAM,+BAAA,EAGpB,OACEE,EAACC,EAAA,CAAM,IAAK,EACV,SAAA,CAAAD,EAAC,QAAA,CAAM,QAASX,EAAM,UAAAO,EACpB,SAAA,CAAAM,EAAC,QAAA,CACC,KAAK,WACJ,GAAGP,EACJ,GAAIN,EACJ,KAAAA,EACA,QAAAE,EACA,SAAAC,CAAA,CAAA,EAEDJ,CAAA,EACH,EAEEc,EAAC,OAAA,CAAK,UAAWH,EAAiB,SAAAL,CAAA,CAAW,CAAA,EAEjD,CAEJ,CAEA,MAAAS,EAAeC,EAAgBjB,CAAQ"}

package/dist/components/CheckboxGroup/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),c=require("react"),x=require("../../chunks/index-DYxwT4uW.cjs"),b=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/Stack-beBM7a60.cjs"),E=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");let g=0;function j({children:d,values:r,onChange:a,className:i}){const l=++g,n=c.Children.toArray(d),k=b.joinClass(`${x.prefix}-checkbox-group`,i),[s,p]=c.useState(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),m=c.useCallback(()=>n.map((e,o)=>{const f=e.props.name;return c.cloneElement(e,{key:o,name:`${e.props.name}-${l}`,checked:e.props.checked||s[o].checked,onChange:h=>{const u=s.map(t=>t.id===f?{...t,checked:h.target.checked}:t);a&&a(u),p(u)}})}),[r,s]);return c.useEffect(()=>{p(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),C.jsx(q.Stack,{gap:2,className:k,children:m()})}const y=E.createComponent(j);exports.default=y;
+//# sourceMappingURL=index.cjs.map