@clicktap/ui 0.12.10 → 0.12.11

package/components/Radio/Radio/index.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as n,Fragment as v}from"react/jsx-runtime";import{Radio as b}from"react-aria-components";import{cn as i}from"../../../utils/cn/index.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function f({children:d,slots:a,className:e,classNames:l,...u}){return t(b,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...u,children:r=>n(v,{children:[t(c,{control:a==null?void 0:a.control,classNames:l,...r}),typeof d=="function"?d(r):d]})})}f.defaultProps={children:void 0,slots:void 0,classNames:void 0};export{f as Radio,f as default};

package/components/Select/Option/index.js

@@ -1 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import{ListBoxItem as d}from"react-aria-components";import{cn as s}from"../../../utils/cn/index.js";function n({className:e,...t}){return a(d,{...t,className:s("flex flex-auto items-center","rounded-md","p-2.5 mx-1.5","text-sm","cursor-default","outline-none","text-slate-900","transition-all ease-in-out duration-300","data-[hovered]:bg-slate-100 data-[hovered]:text-slate-900","data-[focused]:bg-slate-100 data-[hovered]:text-slate-900","data-[pressed]:bg-slate-200 data-[hovered]:text-slate-900","data-[selected]:bg-none data-[selected]:text-slate-900 data-[selected]:font-semibold data-[selected]:data-[focused]:bg-slate-100","data-[disabled]:bg-none data-[disabled]:text-slate-500",e)})}export{n as Option,n as default};

package/components/Select/Select/index.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as x,Fragment as L}from"react/jsx-runtime";import{Popover as O,ComboBox as P,Label as M,Input as S,Button as j,Text as A,FieldError as D,ListBox as E}from"react-aria-components";import{forwardRef as F,useState as v}from"react";import{motion as T}from"framer-motion";import{cn as o}from"../../../utils/cn/index.js";import{Pulse as R}from"../../Loader/Pulse/index.js";const U=F((i,d)=>e(O,{...i,ref:d})),W=T.create(U);function m({buttonIcon:i,...d}){return i?typeof i=="function"?i(d):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",d.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",d.isDisabled&&"stroke-slate-400",d.isInvalid&&"stroke-red-500"])})})}function q({label:i,description:d,errorMessage:p,children:h,placeholder:g,key:w,isLoading:n,slots:r,popoverPortalContainer:c,popoverOffset:k,selectedKey:y,className:C,classNames:t,...l}){const[a,u]=v("unmounted"),[b,_]=v(!1);return e(P,{onOpenChange:()=>{u(a==="visible"?"hidden":"visible"),_(!b)},isDisabled:l.isDisabled||n,"data-has-value":!!y,...l,className:o("flex flex-col","w-full",C),children:B=>x(L,{children:[e(M,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),x("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(S,{placeholder:g,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",n?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),n?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(R,{})}):e(j,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(m,{buttonIcon:r==null?void 0:r.buttonIcon,...B})})]}),d&&e(A,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:d}),e(D,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:p}),e(W,{isOpen:b,isExiting:a==="hidden",offset:k,UNSTABLE_portalContainer:c,onAnimationComplete:I=>{u(f=>I==="hidden"&&f==="hidden"?"unmounted":f)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:a,className:o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(E,{className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:h})},w)]})})}q.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:"",key:void 0,isLoading:!1,slots:{loadingIcon:void 0,buttonIcon:void 0},popoverOffset:void 0,popoverPortalContainer:void 0,classNames:void 0};export{q as Select,q as default};

package/components/Slider/Slider/index.js

@@ -1 +0,0 @@
-import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{cn as r}from"../../../utils/cn/index.js";function j({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}j.defaultProps={label:void 0,showOutput:!0,thumbLabels:void 0,classNames:void 0};export{j as Slider,j as default};

package/components/Switch/Switch/index.js

@@ -1 +0,0 @@
-import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{cn as a}from"../../../utils/cn/index.js";function m({children:e,className:n,classNames:o,...s}){return l(g,{className:a("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",n),...s,children:t=>{const{isSelected:d,isHovered:r,isFocused:i,isPressed:b,isDisabled:f}=t;return u(c,{children:[l("div",{className:a("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",d&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],b&&"before:bg-slate-400",f&&"bg-slate-100",o==null?void 0:o.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...t}):e]})}})}m.defaultProps={classNames:void 0};export{m as Switch,m as default};

package/components/Tabs/Tab/index.js

@@ -1 +0,0 @@
-import{jsx as i,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{TabsOrientationContext as m}from"../Tabs/index.js";import{cn as s}from"../../../utils/cn/index.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return i(f,{className:s("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function g({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return i(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&i(p.span,{className:s("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}g.defaultProps={classNames:void 0};export{x as BaseTab,g as Tab,g as default};

package/components/Tabs/TabList/index.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{useContext as f}from"react";import{TabList as n}from"react-aria-components";import{TabsOrientationContext as s}from"../Tabs/index.js";import{cn as m}from"../../../utils/cn/index.js";import{BaseTab as x}from"../Tab/index.js";function w({items:t,children:i,variant:e="base",className:l,...a}){const o=f(s);return r(n,{className:m("flex flex-row w-full flex-wrap gap-2 relative",o==="vertical"&&"orientation-vertical:max-w-max orientation-vertical:flex-col orientation-vertical:justify-start",[e==="solid"&&["bg-slate-200 rounded-xl p-1"],e==="outline"&&["border-solid border-2 border-slate-200 rounded-xl p-1"],e==="underline"&&o==="vertical"&&["before:block before:absolute before:inset-y-0 before:right-0 before:w-px before:bg-slate-200"],e==="underline"&&o==="horizontal"&&["before:block before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-slate-200"]],l),items:t,...a,children:i||(b=>r(x,{orientation:o,children:b.title}))})}export{w as TabList,w as default};

package/components/Tabs/TabPanel/index.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{TabPanel as m}from"react-aria-components";import{cn as n}from"../../../utils/cn/index.js";function p({children:a,className:r,...o}){return e(m,{className:n("flex grow py-4 px-0",r),...o,children:a})}export{p as TabPanel,p as default};

package/components/Tabs/Tabs/index.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{Tabs as a}from"react-aria-components";import{LayoutGroup as n}from"framer-motion";import{createContext as l,useId as c}from"react";import{cn as f}from"../../../utils/cn/index.js";const m=l("horizontal");function b({children:r,className:e,...o}){const i=c();return t(m.Provider,{value:o.orientation??"horizontal",children:t(n,{id:i,children:t(a,{className:f("flex flex-col w-full px-0 py-2",o.orientation==="vertical"&&"orientation-vertical:flex-row",e),...o,children:r})})})}export{b as Tabs,m as TabsOrientationContext,b as default};

package/components/TimeInput/TimeInput/index.js

@@ -1 +0,0 @@
-import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as c,Text as h,FieldError as p}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(c,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(h,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as TimeInput,v as default};

package/components/ToggleButton/ToggleButton/index.js

@@ -1 +0,0 @@
-import{jsx as l}from"react/jsx-runtime";import{ToggleButton as b}from"react-aria-components";import{cn as n}from"../../../utils/cn/index.js";function g({children:o,size:e="md",variant:t="solid",className:r,...d}){return l(b,{className:a=>{const{isDisabled:s}=a;return n("flex items-center justify-center","font-semibold text-sm","rounded-md border-solid border","px-4","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",{"h-8":e==="sm","h-10":e==="md","h-12":e==="lg"},[t==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400",s&&["disabled:text-slate-900","opacity-75"]],t==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500",s&&["disabled:border-slate-300","disabled:text-slate-900","opacity-75"]],t==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400",s&&["disabled:border-slate-900","disabled:text-white","opacity-75"]]],typeof r=="function"?r(a):r)},...d,children:o})}export{g as ToggleButton,g as default};

package/components/Tooltip/Tooltip/index.js

@@ -1 +0,0 @@
-import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Tooltip as b}from"@nextui-org/tooltip";import{cn as t}from"../../../utils/cn/index.js";const s=f(function({classNames:e,placement:a,showArrow:o=!1,...r},n){return l(b,{classNames:{base:[t(["z-0 relative bg-transparent outline-none","focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-500","before:absolute before:rotate-45 before:w-2.5 before:h-2.5 before:rounded-sm before:bg-slate-500 before:shadow-sm","before:hidden data-[arrow=true]:before:block","data-[placement=bottom]:before:-top-1 data-[placement=bottom]:before:left-1/2 data-[placement=bottom]:before:rotate-45 data-[placement=bottom]:before:-translate-x-1/2","data-[placement=bottom-end]:before:-top-1 data-[placement=bottom-end]:before:left-1/2 data-[placement=bottom-end]:before:rotate-45 data-[placement=bottom-end]:before:-translate-x-1/2","data-[placement=bottom-start]:before:-top-1 data-[placement=bottom-start]:before:left-1/2 data-[placement=bottom-start]:before:rotate-45 data-[placement=bottom-start]:before:-translate-x-1/2","data-[placement=left]:before:-right-1 data-[placement=left]:before:top-1/2 data-[placement=left]:before:-translate-y-1/2","data-[placement=left-end]:before:-right-1 data-[placement=left-end]:before:top-1/2 data-[placement=left-end]:before:-translate-y-1/2","data-[placement=left-start]:before:-right-1 data-[placement=left-start]:before:top-1/2 data-[placement=left-start]:before:-translate-y-1/2","data-[placement=right]:before:-left-1 data-[placement=right]:before:top-1/2 data-[placement=right]:before:-translate-y-1/2","data-[placement=right-end]:before:-left-1 data-[placement=right-end]:before:top-1/2 data-[placement=right-end]:before:-translate-y-1/2","data-[placement=right-start]:before:-left-1 data-[placement=right-start]:before:top-1/2 data-[placement=right-start]:before:-translate-y-1/2","data-[placement=top]:before:-bottom-1 data-[placement=top]:before:left-1/2 data-[placement=top]:before:rotate-45 data-[placement=top]:before:-translate-x-1/2","data-[placement=top-end]:before:-bottom-1 data-[placement=top-end]:before:left-1/2 data-[placement=top-end]:before:rotate-45 data-[placement=top-end]:before:-translate-x-1/2","data-[placement=top-start]:before:-bottom-1 data-[placement=top-start]:before:left-1/2 data-[placement=top-start]:before:rotate-45 data-[placement=top-start]:before:-translate-x-1/2",e==null?void 0:e.base])],content:[t(["inline-flex flex-col items-center justify-center outline-none","w-full py-1 px-2.5 z-10 box-border bg-slate-500 rounded-md shadow-sm","text-sm text-white subpixel-antialiased",e==null?void 0:e.content])]},placement:a,showArrow:o,...r,ref:n})});export{s as Tooltip,s as default};