@clicktap/ui 0.12.9 → 0.12.10
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.
- package/components/Accordion/Accordion/index.js +1 -1
- package/components/Accordion/index.js +1 -1
- package/components/Avatar/Avatar/index.js +1 -1
- package/components/Avatar/AvatarGroup/AvatarGroup/index.js +1 -1
- package/components/Badge/Badge/index.js +1 -1
- package/components/Tooltip/Tooltip/index.js +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as u}from"react/jsx-runtime";import{Accordion as x}from"@nextui-org/accordion";import{cn as o}from"../../../utils/cn/index.js";function g({children:t,variant:d,isCompact:n,className:b,itemClasses:r,...p}){return u(x,{variant:d,isCompact:n,dividerProps:{className:o("my-2 border-solid border-slate-200",d==="shadow"&&"border-slate-300")},className:o("px-0",d==="bordered"&&["px-4 py-4 rounded-xl border-2 border-slate-200"],d==="shadow"&&["px-4 py-4 rounded-xl bg-slate-100 shadow-slate-200 border border-slate-200"],b),itemClasses:{base:o("w-full py-2",'data-[disabled="true"]:pointer-events-none data-[disabled="true"]:opacity-50',d==="bordered"&&["rounded-xl py-0"],d==="splitted"&&["flex flex-col bg-slate-100 rounded-xl border border-slate-200"],n&&"py-0",r==null?void 0:r.base),trigger:o("w-full h-full flex items-center gap-3 py-0 appearance-none cursor-pointer select-none",'data-[focus-visible="true"]:outline-2 data-[focus-visible="true"]:outline data-[focus-visible="true"]:outline-slate-100',"bg-transparent text-inherit",n&&["py-2"],r==null?void 0:r.trigger),title:o("text-xl font-semibold",n&&"text-base",r==null?void 0:r.title),subtitle:o("text-base",n&&"text-sm",r==null?void 0:r.subtitle),titleWrapper:o("text-left",r==null?void 0:r.titleWrapper),startContent:o("shrink-0",r==null?void 0:r.startContent),content:o([n?"py-1":"py-2"],r==null?void 0:r.content),indicator:r==null?void 0:r.indicator,heading:r==null?void 0:r.heading},...p,children:t})}export{g as Accordion,g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Accordion as c}from"./Accordion/index.js";import{
|
|
1
|
+
import{Accordion as c}from"./Accordion/index.js";import{AccordionItem as m}from"@nextui-org/accordion";export{c as Accordion,m as AccordionItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as f}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as f}from"react/jsx-runtime";import{useAvatarGroupContext as u,Avatar as h}from"@nextui-org/avatar";import{cn as r}from"../../../utils/cn/index.js";function v({icon:d,className:x,isDisabled:i,size:o,classNames:t,isBordered:l,radius:n,...p}){const e=u();return f("div",{className:r("group","z-10","first:ms-0",!(e!=null&&e.isGrid)&&!!e&&"-ms-2",x),children:f(h,{...p,isDisabled:i,size:o,radius:n,isBordered:l,className:r(!(e!=null&&e.isGrid)&&!!e&&"group-hover:-translate-y-3.5","transition-transform duration-300 ease-in-out","bg-slate-100","flex items-center justify-center","relative","z-10","overflow-hidden",i?"opacity-50":"opacity-100",[o==="sm"&&"h-8",o==="md"&&"h-10",o==="lg"&&"h-12",o==="sm"&&"w-8",o==="md"&&"w-10",o==="lg"&&"w-12"],[n==="full"&&"rounded-full",n==="lg"&&"rounded-2xl",n==="md"&&"rounded-xl",n==="sm"&&"rounded-lg",n==="none"&&"rounded-none"],l&&"shadow-[#fff_0px_0px_0px_2px,_#f1f5f9_0px_0px_0px_4px,_#00000000_0px_0px_0px_0px]",t==null?void 0:t.base),classNames:{icon:r("data-[loaded=true]:opacity-100 opacity-0","absolute","w-full","h-full","overflow-hidden","object-cover","object-center","transition-opacity ease-in-out duration-500",t==null?void 0:t.icon),name:r("flex items-center justify-center","absolute top-1/2 left-1/2","-translate-x-1/2 -translate-y-1/2","text-xs text-center","max-w-full","overflow-hidden",t==null?void 0:t.name),fallback:r("flex items-center justify-center","absolute top-1/2 left-1/2","-translate-x-1/2 -translate-y-1/2","text-xs text-center","max-w-full","overflow-hidden",t==null?void 0:t.fallback)},icon:d||f("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:f("path",{d:"M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})})}export{v as Avatar,v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{AvatarGroup as m}from"@nextui-org/avatar";import{cn as n}from"../../../../utils/cn/index.js";function i({children:a,isGrid:r,renderCount:o,className:t}){return e(m,{isGrid:r,max:0,renderCount:o??void 0,className:n(r?"inline-grid":"flex",r?"gap-3":"gap-0","grid-cols-4","items-center",t),children:a})}export{i as AvatarGroup,i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as l}from"react/jsx-runtime";import{useId as V}from"react";import{AnimatePresence as z,motion as C}from"framer-motion";import{
|
|
1
|
+
import{jsx as l}from"react/jsx-runtime";import{useId as V}from"react";import{AnimatePresence as z,motion as C}from"framer-motion";import{Badge as B}from"@nextui-org/badge";import{cn as a}from"../../../utils/cn/index.js";const S={hidden:{opacity:0,transform:"scale(0)"},show:{opacity:1,transform:"scale(1)"}};function E({children:s,isInvisible:g,disableAnimation:b,placement:t="top-right",shape:r="rectangle",className:x,classNames:e,showOutline:f=!1,content:i,isDot:d,isOneChar:m,size:n="md",variant:o="solid",...p}){var h;const _=V(),w=b?{duration:0}:{type:"spring",bounce:.3},c=((h=String(i))==null?void 0:h.length)===1||m,u={sm:"text-xs",md:"text-sm",lg:"text-sm"},y=c?{sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"}[n]:{sm:"min-w-4 h-4",md:"min-w-5 h-5",lg:"min-w-6 h-6"}[n];return l(B,{...p,size:n,variant:o,isInvisible:g,isDot:d,classNames:{base:a("relative","inline-flex shrink-0",e==null?void 0:e.base),badge:a("p-0","border-0","absolute z-10",[t==="top-right"&&r==="rectangle"&&"top-0.5 right-px",t==="top-right"&&r==="circle"&&"top-1 right-1",t==="bottom-right"&&r==="rectangle"&&"bottom-0.5 right-px",t==="bottom-right"&&r==="circle"&&"bottom-1 right-1",t==="top-left"&&r==="rectangle"&&"top-0.5 left-px",t==="top-left"&&r==="circle"&&"top-1 left-1",t==="bottom-left"&&r==="rectangle"&&"bottom-0.5 left-px",t==="bottom-left"&&r==="circle"&&"bottom-1 left-1"],[t==="top-right"&&"translate-x-1/2 -translate-y-1/2",t==="bottom-right"&&"translate-x-1/2 translate-y-1/2",t==="bottom-left"&&"-translate-x-1/2 translate-y-1/2",t==="top-left"&&"-translate-x-1/2 -translate-y-1/2"],e==null?void 0:e.badge)},content:l(z,{children:!g&&l(C.div,{layout:!0,variants:S,initial:b?"show":"hidden",transition:w,animate:"show",exit:"hidden",className:a("flex flex-wrap","place-content-center","z-10","box-border","rounded-full","py-0 px-1","font-normal text-slate-900","select-none","whitespace-normal",o==="faded"?"text-slate-800":"text-white",!i||d?"w-3.5 h-3.5":y,typeof i=="string"&&i.length>1||d?"text-xs":u[n],[o==="solid"&&"bg-slate-800",o==="shadow"&&"bg-slate-800",o==="flat"&&"bg-slate-800/55",o==="faded"&&"bg-white"],[o==="faded"&&"border-2 border-solid border-slate-800",f&&o!=="faded"&&"border-2 border-solid border-white"],o==="shadow"&&"shadow-[0_0_0_0_rgba(0,0,0,0),_0_0_0_0_rgba(0,0,0,0),_0_10px_15px_-3px_rgba(30,41,59,0.3),_0_4px_6px_-4px_rgba(30,41,59,0.3)]",x),children:i},`badge-${_}`)}),children:s})}export{E as Badge,E as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{
|
|
1
|
+
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};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clicktap/ui",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.10",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Clicktap",
|
|
6
6
|
"description": "A library of React UI components and low-level hooks.",
|
|
@@ -37,10 +37,6 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@nextui-org/accordion": "^2.0.28",
|
|
41
|
-
"@nextui-org/avatar": "^2.0.32",
|
|
42
|
-
"@nextui-org/badge": "^2.0.31",
|
|
43
|
-
"@nextui-org/tooltip": "^2.0.30",
|
|
44
40
|
"@radix-ui/react-navigation-menu": "^1.1.4",
|
|
45
41
|
"@react-aria/interactions": "^3.21.1",
|
|
46
42
|
"@react-stately/utils": "^3.9.1",
|
|
@@ -58,6 +54,10 @@
|
|
|
58
54
|
"react-aria-components": "^1.1.1"
|
|
59
55
|
},
|
|
60
56
|
"peerDependencies": {
|
|
57
|
+
"@nextui-org/accordion": "^2.0.28",
|
|
58
|
+
"@nextui-org/avatar": "^2.0.32",
|
|
59
|
+
"@nextui-org/badge": "^2.0.31",
|
|
60
|
+
"@nextui-org/tooltip": "^2.0.30",
|
|
61
61
|
"@types/react": "^17.0.0 || ^18.0.0",
|
|
62
62
|
"framer-motion": "^11.0.0",
|
|
63
63
|
"react": "^17.0.0 || ^18.0.0",
|