the-omelet-ui 1.8.63 → 1.8.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a as a$2}from'../chunk-H7BTHYKO.js';import {a as a$1}from'../chunk-THE2HQGT.js';import {a}from'../chunk-6GLPXMGB.js';import*as s from'react';import*as l from'@radix-ui/react-popover';import {CalendarDays,ChevronUp,ChevronDown,ChevronLeft,ChevronRight}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';var ke=["\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21","\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C","\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21","\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19","\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21","\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19","\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21","\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21","\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19","\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21","\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19","\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"],W=["\u0E2D\u0E32","\u0E08","\u0E2D","\u0E1E","\u0E1E\u0E24","\u0E28","\u0E2A"],xe=["January","February","March","April","May","June","July","August","September","October","November","December"],$=["Su","Mo","Tu","We","Th","Fr","Sa"],z=o=>new Date(o.getFullYear(),o.getMonth(),1),q=(o,e)=>new Date(o.getFullYear(),o.getMonth()+e,1),U=(o,e)=>{let r=new Date(o);return r.setDate(r.getDate()+e),r},Z=(o,e)=>!!o&&!!e&&o.getFullYear()===e.getFullYear()&&o.getMonth()===e.getMonth()&&o.getDate()===e.getDate(),Pe=(o,e,r)=>e&&o<e?e:r&&o>r?r:o,C=18,we=s.memo(function({d:e,inMonth:r,disabled:i,selected:g,isToday:u,onPick:n,dayClassName:d,outsideDayClassName:m,selectedDayClassName:R,todayClassName:k}){let S=s.useCallback(()=>{i||n(e);},[i,n,e]);return jsx("button",{type:"button",onClick:S,disabled:i,className:a("h-9 w-9 place-self-center text-sm transition-colors rounded-full","outline-none focus-visible:ring-2 ring-black/20",r?"text-black":m??"text-black/30",i&&"opacity-30 pointer-events-none ",u&&!g&&(k??"bg-[#EDF6FF] text-[#004499] font-bold"),d,g?a("bg-blue-600 text-white hover:bg-blue-600",R):"hover:bg-black/5"),children:e.getDate()})},(o,e)=>o.inMonth===e.inMonth&&o.disabled===e.disabled&&o.selected===e.selected&&o.isToday===e.isToday&&o.d.getTime()===e.d.getTime()&&o.dayClassName===e.dayClassName&&o.outsideDayClassName===e.outsideDayClassName&&o.selectedDayClassName===e.selectedDayClassName&&o.todayClassName===e.todayClassName),Me=s.memo(function({months:e,activeMonth:r,onSelect:i}){let g=s.useCallback(u=>i(u),[i]);return jsx("div",{className:"grid grid-cols-3 gap-1",style:{gridTemplateColumns:"repeat(3, minmax(0,1fr))"},children:e.map((u,n)=>jsx("button",{type:"button",onClick:()=>g(n),className:a("rounded-md px-2 py-2 text-sm hover:bg-black/5",n===r&&"bg-black/10"),children:u},u))})}),Re=s.memo(function({years:e,activeYear:r,labelFromYear:i,onSelect:g}){let u=s.useCallback(n=>g(n),[g]);return jsx("div",{className:"p-1 overflow-y-auto bg-white border rounded-md shadow-lg max-h-72 w-28 border-black/10",children:e.map(n=>jsx("button",{type:"button",onClick:()=>u(n),className:a("block w-full rounded-md px-2 py-2 text-left text-sm hover:bg-black/5",n===r&&"bg-black/10"),children:i(n)},n))})}),Se=s.forwardRef(function({label:e,required:r,value:i,defaultValue:g=null,onChange:u,minDate:n,maxDate:d,locale:m="th",useBuddhistEra:R,format:k,className:S,inputClassName:j,contentClassName:Q,dayClassName:X,todayClassName:ee,selectedDayClassName:te,outsideDayClassName:ae="text-black/30",placeholderText:oe="dd/mm/yyyy",calendarIcon:se,disabled:Y=false,error:T,closeOnSelect:I=true,yearRange:F,size:ne="md",iconClassName:D},le){let [re,L]=s.useState(false),[B,O]=s.useState(false),[_,E]=s.useState(false),[ce,ie]=s.useState(g),A=i!==void 0,h=(A?i:ce)??null,M=R??m==="th",H=m==="th"?ke:xe,ue=h??new Date,[N,x]=s.useState(z(ue));s.useEffect(()=>{h&&x(z(h));},[h?.getFullYear(),h?.getMonth()]);let P=N.getFullYear(),w=N.getMonth(),de=s.useMemo(()=>k||(m==="th"?t=>{let b=M?t.getFullYear()+543:t.getFullYear(),f=String(t.getDate()).padStart(2,"0"),v=String(t.getMonth()+1).padStart(2,"0");return `${f}/${v}/${b}`}:t=>t.toLocaleDateString("en-GB")),[k,m,M]),me=s.useMemo(()=>{let t=z(N),b=t.getDay(),f=U(t,-b);return Array.from({length:42},(v,y)=>U(f,y))},[N]),be=s.useMemo(()=>{let t=new Date().getFullYear(),b=F?.[0]??n?.getFullYear()??t-60,f=F?.[1]??d?.getFullYear()??t+40,v=[];for(let y=
|
|
1
|
+
import {a as a$2}from'../chunk-H7BTHYKO.js';import {a as a$1}from'../chunk-THE2HQGT.js';import {a}from'../chunk-6GLPXMGB.js';import*as s from'react';import*as l from'@radix-ui/react-popover';import {CalendarDays,ChevronUp,ChevronDown,ChevronLeft,ChevronRight}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';var ke=["\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21","\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C","\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21","\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19","\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21","\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19","\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21","\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21","\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19","\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21","\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19","\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"],W=["\u0E2D\u0E32","\u0E08","\u0E2D","\u0E1E","\u0E1E\u0E24","\u0E28","\u0E2A"],xe=["January","February","March","April","May","June","July","August","September","October","November","December"],$=["Su","Mo","Tu","We","Th","Fr","Sa"],z=o=>new Date(o.getFullYear(),o.getMonth(),1),q=(o,e)=>new Date(o.getFullYear(),o.getMonth()+e,1),U=(o,e)=>{let r=new Date(o);return r.setDate(r.getDate()+e),r},Z=(o,e)=>!!o&&!!e&&o.getFullYear()===e.getFullYear()&&o.getMonth()===e.getMonth()&&o.getDate()===e.getDate(),Pe=(o,e,r)=>e&&o<e?e:r&&o>r?r:o,C=18,we=s.memo(function({d:e,inMonth:r,disabled:i,selected:g,isToday:u,onPick:n,dayClassName:d,outsideDayClassName:m,selectedDayClassName:R,todayClassName:k}){let S=s.useCallback(()=>{i||n(e);},[i,n,e]);return jsx("button",{type:"button",onClick:S,disabled:i,className:a("h-9 w-9 place-self-center text-sm transition-colors rounded-full","outline-none focus-visible:ring-2 ring-black/20",r?"text-black":m??"text-black/30",i&&"opacity-30 pointer-events-none ",u&&!g&&(k??"bg-[#EDF6FF] text-[#004499] font-bold"),d,g?a("bg-blue-600 text-white hover:bg-blue-600",R):"hover:bg-black/5"),children:e.getDate()})},(o,e)=>o.inMonth===e.inMonth&&o.disabled===e.disabled&&o.selected===e.selected&&o.isToday===e.isToday&&o.d.getTime()===e.d.getTime()&&o.dayClassName===e.dayClassName&&o.outsideDayClassName===e.outsideDayClassName&&o.selectedDayClassName===e.selectedDayClassName&&o.todayClassName===e.todayClassName),Me=s.memo(function({months:e,activeMonth:r,onSelect:i}){let g=s.useCallback(u=>i(u),[i]);return jsx("div",{className:"grid grid-cols-3 gap-1",style:{gridTemplateColumns:"repeat(3, minmax(0,1fr))"},children:e.map((u,n)=>jsx("button",{type:"button",onClick:()=>g(n),className:a("rounded-md px-2 py-2 text-sm hover:bg-black/5",n===r&&"bg-black/10"),children:u},u))})}),Re=s.memo(function({years:e,activeYear:r,labelFromYear:i,onSelect:g}){let u=s.useCallback(n=>g(n),[g]);return jsx("div",{className:"p-1 overflow-y-auto bg-white border rounded-md shadow-lg max-h-72 w-28 border-black/10",children:e.map(n=>jsx("button",{type:"button",onClick:()=>u(n),className:a("block w-full rounded-md px-2 py-2 text-left text-sm hover:bg-black/5",n===r&&"bg-black/10"),children:i(n)},n))})}),Se=s.forwardRef(function({label:e,required:r,value:i,defaultValue:g=null,onChange:u,minDate:n,maxDate:d,locale:m="th",useBuddhistEra:R,format:k,className:S,inputClassName:j,contentClassName:Q,dayClassName:X,todayClassName:ee,selectedDayClassName:te,outsideDayClassName:ae="text-black/30",placeholderText:oe="dd/mm/yyyy",calendarIcon:se,disabled:Y=false,error:T,closeOnSelect:I=true,yearRange:F,size:ne="md",iconClassName:D},le){let [re,L]=s.useState(false),[B,O]=s.useState(false),[_,E]=s.useState(false),[ce,ie]=s.useState(g),A=i!==void 0,h=(A?i:ce)??null,M=R??m==="th",H=m==="th"?ke:xe,ue=h??new Date,[N,x]=s.useState(z(ue));s.useEffect(()=>{h&&x(z(h));},[h?.getFullYear(),h?.getMonth()]);let P=N.getFullYear(),w=N.getMonth(),de=s.useMemo(()=>k||(m==="th"?t=>{let b=M?t.getFullYear()+543:t.getFullYear(),f=String(t.getDate()).padStart(2,"0"),v=String(t.getMonth()+1).padStart(2,"0");return `${f}/${v}/${b}`}:t=>t.toLocaleDateString("en-GB")),[k,m,M]),me=s.useMemo(()=>{let t=z(N),b=t.getDay(),f=U(t,-b);return Array.from({length:42},(v,y)=>U(f,y))},[N]),be=s.useMemo(()=>{let t=new Date().getFullYear(),b=F?.[0]??n?.getFullYear()??t-60,f=F?.[1]??d?.getFullYear()??t+40,v=[];for(let y=f;y>=b;y--)v.push(y);return v},[F,n,d]),pe=M?P+543:P,ge=s.useCallback(t=>{let b=Pe(t,n,d);u?.(b),A||ie(b),I&&L(false);},[A,n,d,u,I]),he=s.useCallback(t=>{L(t),t||(O(false),E(false));},[]),fe=s.useCallback(t=>{x(new Date(P,t,1)),O(false);},[P]),ve=s.useCallback(t=>{x(new Date(t,w,1)),E(false);},[w]);return jsxs("fieldset",{ref:le,className:a("w-full",S),children:[e&&jsx(a$1,{required:r,label:e}),jsxs(l.Root,{open:re,onOpenChange:he,children:[jsxs("div",{className:a("relative",e?"mt-2":""),children:[jsx(l.Trigger,{asChild:true,children:jsx("button",{type:"button",disabled:Y,className:a("flex w-full items-center rounded-md border bg-white px-3 py-2 text-left","outline-none focus-visible:ring-2",T?"border-red-500 ring-red-200":"border-black/15 ring-black/20",Y&&"bg-[#f4f4f4] pointer-events-none text-[#BDC2BE] border-none",a$2[ne??"md"],"pr-10",j),children:jsx("span",{className:a("truncate text-black",!h&&"text-black/40",Y&&"text-[#BDC2BE]"),children:h?de(h):oe})})}),jsx("span",{className:"absolute -translate-y-1/2 pointer-events-none right-2 top-1/2 text-black/50",children:se??jsx(CalendarDays,{})})]}),T&&jsx("small",{className:"text-xs text-red-500",children:T}),jsx(l.Portal,{children:jsxs(l.Content,{sideOffset:8,className:a("w-[300px] sm:w-[320px] rounded-md border border-black/10 bg-white p-3 shadow-xl",Q),children:[jsxs("div",{className:"flex items-center justify-between px-1 py-1",children:[jsxs("div",{className:"flex items-center gap-1",children:[jsxs(l.Root,{modal:false,open:B,onOpenChange:O,children:[jsx(l.Trigger,{asChild:true,children:jsxs("button",{type:"button",className:"inline-flex items-center gap-1 px-2 py-1 text-base font-semibold text-black rounded-md hover:bg-black/5","aria-label":"\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E14\u0E37\u0E2D\u0E19",children:[H[w],B?jsx(ChevronUp,{size:C,className:D??"text-blue-500"}):jsx(ChevronDown,{size:C,className:D??"text-blue-500"})]})}),jsx(l.Portal,{children:jsxs(l.Content,{sideOffset:6,align:"start",className:"p-2 bg-white border rounded-md shadow-lg border-black/10",children:[jsx(Me,{months:H,activeMonth:w,onSelect:fe}),jsx(l.Arrow,{className:"fill-white stroke-black/10"})]})})]}),jsxs(l.Root,{modal:false,open:_,onOpenChange:E,children:[jsx(l.Trigger,{asChild:true,children:jsxs("button",{type:"button",className:"inline-flex items-center gap-1 px-2 py-1 text-base font-semibold text-black rounded-md hover:bg-black/5","aria-label":"\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E1B\u0E35",children:[pe,_?jsx(ChevronUp,{size:C,className:D??"text-blue-500"}):jsx(ChevronDown,{size:C,className:D??"text-blue-500"})]})}),jsx(l.Portal,{children:jsxs(l.Content,{sideOffset:6,align:"start",children:[jsx(Re,{years:be,activeYear:P,labelFromYear:t=>M?t+543:t,onSelect:ve}),jsx(l.Arrow,{className:"fill-white stroke-black/10"})]})})]})]}),jsxs("div",{className:"flex items-center gap-1",children:[jsx("button",{type:"button",className:"p-2 rounded-md text-black/70 hover:bg-black/5",onClick:()=>x(q(N,-1)),"aria-label":m==="th"?"\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32":"Previous month",children:jsx(ChevronLeft,{size:C,className:D??"text-blue-500"})}),jsx("button",{type:"button",className:"p-2 rounded-md text-black/70 hover:bg-black/5",onClick:()=>x(q(N,1)),"aria-label":m==="th"?"\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E16\u0E31\u0E14\u0E44\u0E1B":"Next month",children:jsx(ChevronRight,{size:C,className:D??"text-blue-500"})})]})]}),jsx("div",{className:"grid grid-cols-7 px-1 mt-1 text-xs text-center gap-y-1 text-black/50",style:{gridTemplateColumns:"repeat(7, minmax(0, 1fr))"},children:(m==="th"?W:$).map(t=>jsx("div",{className:"leading-7 h-7 whitespace-nowrap",children:t},t))}),jsx("div",{className:"grid grid-cols-7 gap-1 px-1 pt-1 pb-1",style:{gridTemplateColumns:"repeat(7, minmax(0, 1fr))"},children:me.map((t,b)=>{let f=t.getMonth()===w,v=n&&t<new Date(n.getFullYear(),n.getMonth(),n.getDate())||d&&t>new Date(d.getFullYear(),d.getMonth(),d.getDate()),y=Z(t,h),ye=Z(t,new Date);return jsx(we,{d:t,inMonth:f,disabled:!!v,selected:y,isToday:ye,onPick:ge,dayClassName:X,outsideDayClassName:ae,selectedDayClassName:te,todayClassName:ee},b)})}),jsx(l.Arrow,{className:"fill-white stroke-black/10"})]})})]})]})}),Ye=s.memo(Se);export{Ye as default};
|
package/dist/entries/otpInput.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'../chunk-6GLPXMGB.js';import
|
|
1
|
+
import {a}from'../chunk-6GLPXMGB.js';import Q,{forwardRef,useRef,useState,useImperativeHandle,useEffect,useCallback}from'react';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';var R=cva("flex items-center justify-center",{variants:{size:{sm:"gap-2",md:"gap-3",lg:"gap-4"}},defaultVariants:{size:"md"}}),Z=cva(["text-center font-semibold transition-all duration-200 outline-none rounded-sm","disabled:cursor-not-allowed disabled:opacity-50"],{variants:{size:{sm:"h-[32px] w-[32px] text-sm ",md:"h-[40px] w-[40px] text-base ",lg:"h-[50px] w-[50px] text-lg "},variant:{default:["border-2 border-gray-300 bg-white text-gray-900","focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20"],outline:["border-2 border-gray-400 bg-transparent text-gray-900","focus:border-blue-600 focus:ring-2 focus:ring-blue-600/20"],filled:["border-2 border-transparent bg-gray-100 text-gray-900","focus:border-blue-500 focus:bg-white focus:ring-2 focus:ring-blue-500/20"]},state:{default:"",error:["border-red-500 ","focus:border-red-500 focus:ring-red-500/20","animate-shake"],success:["border-green-500 bg-green-50 text-green-900","focus:border-green-500 focus:ring-green-500/20"],disabled:"border-gray-200 bg-gray-100 text-gray-400 cursor-not-allowed"}},defaultVariants:{size:"md",variant:"default",state:"default"}}),A=forwardRef(({length:a$1=6,value:o,onChange:n,onComplete:g,onFocus:I,onBlur:P,disabled:b=false,error:y=false,success:L=false,autoFocus:T=true,placeholder:F="",numericOnly:c=true,mask:H=false,separatorAfter:h=[],separatorElement:N,size:v,variant:j,classNames:p,ariaLabel:E="OTP input"},S)=>{let s=useRef([]),[C,u]=useState(-1),m=useRef(false),K=b?"disabled":y?"error":L?"success":"default";useImperativeHandle(S,()=>({focus:()=>{s.current[0]?.focus();},clear:()=>{m.current=false,n(""),s.current[0]?.focus();},focusAt:e=>{e>=0&&e<a$1&&s.current[e]?.focus();}})),useEffect(()=>{if(T&&!b&&s.current[0]){let e=setTimeout(()=>{s.current[0]?.focus();},0);return ()=>clearTimeout(e)}},[T,b]),useEffect(()=>{o.length===a$1&&g&&!m.current&&(m.current=true,g(o)),o.length<a$1&&(m.current=false);},[o,a$1,g]);let z=useCallback((e,t)=>{let r=c?t.replace(/\D/g,""):t;if(r.length>1){let D=r.slice(0,a$1);n(D);let V=Math.min(D.length,a$1)-1,k=V>=0?V:0;s.current[k]?.focus(),u(k);return}let i=r.slice(-1);if(!i&&t!=="")return;let w=o.split("");w[e]=i;let J=w.join("").slice(0,a$1);n(J),i&&e<a$1-1&&(s.current[e+1]?.focus(),u(e+1));},[o,a$1,c,n]),B=useCallback((e,t)=>{switch(t.key){case "Backspace":t.preventDefault();let r=o.split("");r[e]?(r[e]="",n(r.join(""))):e>0&&(r[e-1]="",n(r.join("")),s.current[e-1]?.focus(),u(e-1));break;case "ArrowLeft":t.preventDefault(),e>0&&(s.current[e-1]?.focus(),u(e-1));break;case "ArrowRight":t.preventDefault(),e<a$1-1&&(s.current[e+1]?.focus(),u(e+1));break;case "Delete":t.preventDefault();let i=o.split("");i[e]="",n(i.join(""));break;case "Home":t.preventDefault(),s.current[0]?.focus(),u(0);break;case "End":t.preventDefault(),s.current[a$1-1]?.focus(),u(a$1-1);break}},[o,a$1,n]),$=useCallback(e=>{e.preventDefault();let t=e.clipboardData.getData("text");if(c&&(t=t.replace(/\D/g,"")),t=t.slice(0,a$1),t){n(t);let r=Math.min(t.length,a$1)-1;s.current[r]?.focus(),u(r);}},[a$1,c,n]),W=useCallback((e,t)=>{u(e),t.target.select(),I?.(t);},[I]),_=useCallback(e=>{u(-1),P?.(e);},[P]),q=e=>h.includes(e+1)?jsx("span",{className:a("flex items-center justify-center text-gray-400",p?.separator),"aria-hidden":"true",children:N??jsx("span",{className:"w-2 h-0.5 bg-gray-300 rounded-full"})}):null,G=e=>{let t=o[e]||"";return H&&t?"\u2022":t};return jsx("div",{className:a(R({size:v}),p?.container),role:"group","aria-label":E,children:jsx("div",{className:a(R({size:v}),p?.inputWrapper),children:Array.from({length:a$1},(e,t)=>jsxs(Q.Fragment,{children:[jsx("input",{ref:r=>{s.current[t]=r;},type:"text",inputMode:c?"numeric":"text",pattern:c?"[0-9]*":void 0,maxLength:a$1,autoComplete:t===0?"one-time-code":"off",value:G(t),onChange:r=>z(t,r.target.value),onKeyDown:r=>B(t,r),onPaste:$,onFocus:r=>W(t,r),onBlur:_,disabled:b,placeholder:F,className:a(Z({size:v,variant:j,state:K}),C===t&&p?.inputActive,p?.input),"aria-label":`${E} digit ${t+1} of ${a$1}`,"aria-invalid":y}),q(t)]},t))})})});A.displayName="OTPInput";export{A as OTPInput,R as otpContainerVariants,Z as otpInputVariants};
|