@vacano/ui 1.15.1 → 1.15.3

package/dist/form.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./X-CI1qRJDP.cjs"),u=require("react-hook-form"),g=require("./ToggleGroup-COFNoVg9.cjs"),m=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var C;const n=l.errors[r],c=(n==null?void 0:n.message)??((C=n==null?void 0:n.value)==null?void 0:C.message),o=c?"error":"normal";return a.jsx(g.Autocomplete,{...s,value:e.value,onChange:e.onChange,variant:o,message:c})}}),h=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Checkbox,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),x=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),v=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}}),j=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.DatePicker,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),F=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Input,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),d=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.MultiSelect,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),i=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.OtpCode,{...s,value:e.value??"",onChange:e.onChange,variant:c,message:n})}}),p=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.Radio,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),k=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.RadioCard,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),T=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.RadioGroup,{...s,name:r,value:e.value??null,onChange:e.onChange,variant:c})}}),b=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Select,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),G=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Tags,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),R=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Textarea,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),S=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Toggle,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),M=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),O=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}});exports.FormAutocomplete=m;exports.FormCheckbox=h;exports.FormCheckboxCard=x;exports.FormCheckboxGroup=v;exports.FormDatePicker=j;exports.FormInput=F;exports.FormMultiSelect=d;exports.FormOtpCode=i;exports.FormRadio=p;exports.FormRadioCard=k;exports.FormRadioGroup=T;exports.FormSelect=b;exports.FormTags=G;exports.FormTextarea=R;exports.FormToggle=S;exports.FormToggleCard=M;exports.FormToggleGroup=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./X-CI1qRJDP.cjs"),u=require("react-hook-form"),g=require("./ToggleGroup-C3ReF8j7.cjs"),m=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var C;const n=l.errors[r],c=(n==null?void 0:n.message)??((C=n==null?void 0:n.value)==null?void 0:C.message),o=c?"error":"normal";return a.jsx(g.Autocomplete,{...s,value:e.value,onChange:e.onChange,variant:o,message:c})}}),h=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Checkbox,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),x=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),v=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.CheckboxGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}}),j=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.DatePicker,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),F=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Input,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),d=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.MultiSelect,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),i=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.OtpCode,{...s,value:e.value??"",onChange:e.onChange,variant:c,message:n})}}),p=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.Radio,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),k=({control:t,name:r,value:s,...l})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:e,field:n})=>{var C;const o=((C=e.errors[r])==null?void 0:C.message)?"error":"normal";return a.jsx(g.RadioCard,{...l,value:s,checked:n.value===s,onChange:n.onChange,variant:o})}}),T=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.RadioGroup,{...s,name:r,value:e.value??null,onChange:e.onChange,variant:c})}}),b=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Select,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),G=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Tags,{...s,value:e.value??[],onChange:e.onChange,variant:c,message:n})}}),R=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const n=(o=l.errors[r])==null?void 0:o.message,c=n?"error":"normal";return a.jsx(g.Textarea,{...s,value:e.value,onChange:e.onChange,variant:c,message:n})}}),S=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.Toggle,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),M=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleCard,{...s,checked:e.value??!1,onChange:e.onChange,variant:c})}}),O=({control:t,name:r,...s})=>a.jsx(u.Controller,{name:r,control:t,render:({formState:l,field:e})=>{var o;const c=((o=l.errors[r])==null?void 0:o.message)?"error":"normal";return a.jsx(g.ToggleGroup,{...s,value:e.value??[],onChange:e.onChange,variant:c})}});exports.FormAutocomplete=m;exports.FormCheckbox=h;exports.FormCheckboxCard=x;exports.FormCheckboxGroup=v;exports.FormDatePicker=j;exports.FormInput=F;exports.FormMultiSelect=d;exports.FormOtpCode=i;exports.FormRadio=p;exports.FormRadioCard=k;exports.FormRadioGroup=T;exports.FormSelect=b;exports.FormTags=G;exports.FormTextarea=R;exports.FormToggle=S;exports.FormToggleCard=M;exports.FormToggleGroup=O;
 //# sourceMappingURL=form.cjs.map

package/dist/form.d.ts

@@ -27,6 +27,7 @@ declare type AutocompleteProps = VacanoComponentProps<HTMLInputElement, Autocomp
     variant?: AutocompleteVariant;
     noResultsMessage?: string;
     message?: string;
+    portalRenderNode?: HTMLElement | null;
 };
 
 declare type AutocompleteSuggestion = {

package/dist/form.js

@@ -1,6 +1,6 @@
 import { j as s } from "./X-DAuAfjix.js";
 import { Controller as u } from "react-hook-form";
-import { A as m, C, a as h, b as v, D as d, I as p, M as F, O as i, R as k, c as T, d as x, S as b, T as R, e as G, f as S, g as A, h as D } from "./ToggleGroup-C44x4Sx1.js";
+import { A as m, C, a as h, b as v, D as d, I as p, M as F, O as i, R as k, c as T, d as x, S as b, T as R, e as G, f as S, g as A, h as D } from "./ToggleGroup-TWO3UOqH.js";
 const j = ({
   control: t,
   name: r,

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./keyboard-D8zOi0jU.cjs"),H=require("./index-GSZAZ6Cz.cjs"),l=require("./X-CI1qRJDP.cjs"),B=require("@emotion/react"),u=require("react"),d=require("./ToggleGroup-COFNoVg9.cjs"),C=require("./tooling-Dflq0Y98.cjs"),De=require("react-dom"),Le=require("./CircleX-BzaN6v37.cjs"),jt=B.css`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./keyboard-D8zOi0jU.cjs"),H=require("./index-GSZAZ6Cz.cjs"),l=require("./X-CI1qRJDP.cjs"),B=require("@emotion/react"),u=require("react"),d=require("./ToggleGroup-C3ReF8j7.cjs"),C=require("./tooling-Dflq0Y98.cjs"),De=require("react-dom"),Le=require("./CircleX-BzaN6v37.cjs"),jt=B.css`
   *,
   *::before,
   *::after {
@@ -125,13 +125,13 @@
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
   font-size: 14px;
   font-weight: 600;
-  color: ${n.COLORS.black};
+  color: ${({$expanded:e})=>e?n.COLORS.black:n.COLORS["iron-grey"]};
   text-align: left;
   outline: none;
   transition: color 0.2s ease;
 
   &:hover {
-    color: ${n.COLORS["steel-blue"]};
+    color: ${n.COLORS.black};
   }
 `,It=d.styled.span`
   display: flex;
@@ -154,7 +154,7 @@
   font-size: 14px;
   line-height: 1.5;
   color: ${n.COLORS["iron-grey"]};
-`,ne=C.newClassNameGetter("accordion"),Mt=()=>l.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:l.jsx("polyline",{points:"6 9 12 15 18 9"})}),Ft=({className:e,classnames:t,defaultValue:o=[],items:r,multiple:i=!1,onChange:a,ref:c,value:s,variant:p="outlined",...x})=>{const[g,h]=u.useState(o),y=s!==void 0,f=y?s:g,S=u.useCallback(b=>{const $=f.includes(b);let m;i?m=$?f.filter(O=>O!==b):[...f,b]:m=$?[]:[b],y||h(m),a==null||a(m)},[f,y,i,a]);return l.jsx(zt,{...x,ref:c,$variant:p,className:ne("container",e),role:"region",children:r.map(b=>{const $=f.includes(b.value);return l.jsxs(Nt,{$variant:p,$disabled:!!b.disabled,className:ne("item",t==null?void 0:t.item),children:[l.jsxs(Tt,{type:"button","aria-expanded":$,$disabled:!!b.disabled,disabled:b.disabled,onClick:()=>S(b.value),className:ne("trigger",t==null?void 0:t.trigger),children:[b.title,l.jsx(It,{$expanded:$,className:ne("icon",t==null?void 0:t.icon),children:l.jsx(Mt,{})})]}),l.jsx(At,{$expanded:$,children:l.jsx(Pt,{children:l.jsx(Bt,{className:ne("content",t==null?void 0:t.content),children:b.content})})})]},b.value)})})},_t={none:"0",sm:"8px",md:"12px",lg:"16px",full:"9999px"},Dt={normal:n.COLORS.black,success:n.COLORS.green,warning:n.COLORS.yellow,danger:n.COLORS.red},Gt=d.styled.div`
+`,ne=C.newClassNameGetter("accordion"),Mt=()=>l.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:l.jsx("polyline",{points:"6 9 12 15 18 9"})}),Ft=({className:e,classnames:t,defaultValue:o=[],items:r,multiple:i=!1,onChange:a,ref:c,value:s,variant:p="outlined",...x})=>{const[g,h]=u.useState(o),y=s!==void 0,f=y?s:g,S=u.useCallback(b=>{const $=f.includes(b);let m;i?m=$?f.filter(O=>O!==b):[...f,b]:m=$?[]:[b],y||h(m),a==null||a(m)},[f,y,i,a]);return l.jsx(zt,{...x,ref:c,$variant:p,className:ne("container",e),role:"region",children:r.map(b=>{const $=f.includes(b.value);return l.jsxs(Nt,{$variant:p,$disabled:!!b.disabled,className:ne("item",t==null?void 0:t.item),children:[l.jsxs(Tt,{type:"button","aria-expanded":$,$disabled:!!b.disabled,$expanded:$,disabled:b.disabled,onClick:()=>S(b.value),className:ne("trigger",t==null?void 0:t.trigger),children:[b.title,l.jsx(It,{$expanded:$,className:ne("icon",t==null?void 0:t.icon),children:l.jsx(Mt,{})})]}),l.jsx(At,{$expanded:$,children:l.jsx(Pt,{children:l.jsx(Bt,{className:ne("content",t==null?void 0:t.content),children:b.content})})})]},b.value)})})},_t={none:"0",sm:"8px",md:"12px",lg:"16px",full:"9999px"},Dt={normal:n.COLORS.black,success:n.COLORS.green,warning:n.COLORS.yellow,danger:n.COLORS.red},Gt=d.styled.div`
   display: flex;
   align-items: ${({$center:e})=>e?"center":"flex-start"};
   gap: 12px;
@@ -1947,7 +1947,7 @@
   color: ${n.COLORS["iron-grey"]};
   margin-top: 8px;
   line-height: 1.5;
-`,V=C.newClassNameGetter("timeline"),Fa=({className:e,classnames:t,items:o,ref:r,...i})=>l.jsx(Ea,{...i,ref:r,className:V("container",e),children:o.map((a,c)=>{const s=c===o.length-1;return l.jsxs(za,{className:V("item",t==null?void 0:t.item),children:[l.jsxs(Na,{$last:s,children:[l.jsx(Ta,{className:V("dot",t==null?void 0:t.dot)}),l.jsx(Ia,{className:V("line",t==null?void 0:t.line),$last:s})]}),l.jsxs(Aa,{className:V("content",t==null?void 0:t.content),$last:s,children:[l.jsx(Pa,{className:V("title",t==null?void 0:t.title),children:a.title}),a.description&&l.jsx(Ba,{className:V("description",t==null?void 0:t.description),children:a.description}),a.children&&l.jsx(Ma,{className:V("body",t==null?void 0:t.body),children:a.children})]})]},c)})}),Rt=u.createContext(null),Pe=3,ct={default:{background:"#374151",text:n.COLORS.white,border:"#374151"},success:{background:n.COLORS.green,text:n.COLORS.white,border:n.COLORS.green},warning:{background:n.COLORS.yellow,text:n.COLORS.white,border:n.COLORS.yellow},danger:{background:n.COLORS.red,text:n.COLORS.white,border:n.COLORS.red}},_a=(e,t)=>{switch(t.type){case"ADD_TOAST":{const o=t.payload;return e.toasts.length<Pe?{...e,toasts:[...e.toasts,o]}:{...e,queue:[...e.queue,o]}}case"REMOVE_TOAST":{const o=t.payload,r=e.toasts.filter(a=>a.id!==o),i=e.queue[0];return i&&r.length<Pe?{toasts:[...r,i],queue:e.queue.slice(1)}:{...e,toasts:r}}case"SHOW_NEXT_FROM_QUEUE":{const o=e.queue[0];return!o||e.toasts.length>=Pe?e:{toasts:[...e.toasts,o],queue:e.queue.slice(1)}}default:return e}},Da={toasts:[],queue:[]},Be=e=>ct[e]??ct.default,Ga=d.styled.div`
+`,V=C.newClassNameGetter("timeline"),Fa=({className:e,classnames:t,items:o,ref:r,...i})=>l.jsx(Ea,{...i,ref:r,className:V("container",e),children:o.map((a,c)=>{const s=c===o.length-1;return l.jsxs(za,{className:V("item",t==null?void 0:t.item),children:[l.jsxs(Na,{$last:s,children:[l.jsx(Ta,{className:V("dot",t==null?void 0:t.dot)}),l.jsx(Ia,{className:V("line",t==null?void 0:t.line),$last:s})]}),l.jsxs(Aa,{className:V("content",t==null?void 0:t.content),$last:s,children:[l.jsx(Pa,{className:V("title",t==null?void 0:t.title),children:a.title}),a.description&&l.jsx(Ba,{className:V("description",t==null?void 0:t.description),children:a.description}),a.content&&l.jsx(Ma,{className:V("body",t==null?void 0:t.body),children:a.content})]})]},c)})}),Rt=u.createContext(null),Pe=3,ct={default:{background:"#374151",text:n.COLORS.white,border:"#374151"},success:{background:n.COLORS.green,text:n.COLORS.white,border:n.COLORS.green},warning:{background:n.COLORS.yellow,text:n.COLORS.white,border:n.COLORS.yellow},danger:{background:n.COLORS.red,text:n.COLORS.white,border:n.COLORS.red}},_a=(e,t)=>{switch(t.type){case"ADD_TOAST":{const o=t.payload;return e.toasts.length<Pe?{...e,toasts:[...e.toasts,o]}:{...e,queue:[...e.queue,o]}}case"REMOVE_TOAST":{const o=t.payload,r=e.toasts.filter(a=>a.id!==o),i=e.queue[0];return i&&r.length<Pe?{toasts:[...r,i],queue:e.queue.slice(1)}:{...e,toasts:r}}case"SHOW_NEXT_FROM_QUEUE":{const o=e.queue[0];return!o||e.toasts.length>=Pe?e:{toasts:[...e.toasts,o],queue:e.queue.slice(1)}}default:return e}},Da={toasts:[],queue:[]},Be=e=>ct[e]??ct.default,Ga=d.styled.div`
   position: fixed;
   bottom: 24px;
   left: 24px;