@clasing/ui 0.1.137 → 2.0.0
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/dist/{button--Pnb6F6v.js → button-DU1x2trm.js} +1 -1
- package/dist/{button-CPzha0kl.cjs → button-dueLddAn.cjs} +1 -1
- package/dist/components/alert-dialog.cjs.js +1 -1
- package/dist/components/alert-dialog.es.js +1 -1
- package/dist/components/blocks/interactive-card.cjs.js +1 -1
- package/dist/components/blocks/interactive-card.es.js +1 -1
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/tooltip.cjs.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/{tooltip-VxOmcZ36.cjs → tooltip-BRSR0-4n.cjs} +1 -1
- package/dist/{tooltip-BnIdKYZi.js → tooltip-Bxh10S4Q.js} +11 -11
- package/dist/ui.css +2 -2
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { Slot as M } from "@radix-ui/react-slot";
|
|
|
4
4
|
import { c as w } from "./index-BqtVL8d-.js";
|
|
5
5
|
import x from "react";
|
|
6
6
|
import { I as s } from "./icon-component-CxQsODCa.js";
|
|
7
|
-
import { b as N, T as I, c as C, a as V } from "./tooltip-
|
|
7
|
+
import { b as N, T as I, c as C, a as V } from "./tooltip-Bxh10S4Q.js";
|
|
8
8
|
const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", T = w(k, {
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-BuHQgaKs.cjs"),p=require("./index-DoxiiusW.cjs"),$=require("@radix-ui/react-slot"),w=require("./index-C8P6Mn4U.cjs"),u=require("react"),r=require("./icon-component-D5YssRbR.cjs"),a=require("./tooltip-VxOmcZ36.cjs"),k="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",z=w.cva(k,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=w.cva(`${k} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),N=w.cva(k,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),I=u.forwardRef(({className:b,variant:h,size:i,weight:y,rounded:v,children:o,iconName:l,iconText:c,iconPosition:f="left",isLoading:s,isActive:q,disabled:E,tooltip:d,tooltipPlacement:R="top",asChild:j,...S},V)=>{const T=j?$.Slot:"button",n=u.useMemo(()=>!o&&l||f==="only"?"only":f,[o,l,f]),e=u.useMemo(()=>l?typeof l=="string"?{name:l}:l:null,[l]),x=n==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},B=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[e&&n==="left"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),o,e&&n==="right"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]})]})]})}),F=()=>{if(!j||!u.isValidElement(o)||!e&&n!=="only")return o;const m=o,A=m.props.children;if(n==="only")return u.cloneElement(m,{...m.props,children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})});const P=e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[n==="left"&&P,A,n==="right"&&P]})]});return u.cloneElement(m,{...m.props,children:M})},g=t.jsxRuntimeExports.jsx(T,{ref:V,className:p.cn(s?C({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):q?N({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):z({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b})),disabled:E||s,...S,children:j?F():B});return d&&(E||s)?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:n==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:g}):g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):d?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):g});I.displayName="Button";exports.Button=I;exports.buttonActiveStyles=N;exports.buttonLoadingStyles=C;exports.buttonStyles=z;
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-BuHQgaKs.cjs"),p=require("./index-DoxiiusW.cjs"),$=require("@radix-ui/react-slot"),w=require("./index-C8P6Mn4U.cjs"),u=require("react"),r=require("./icon-component-D5YssRbR.cjs"),a=require("./tooltip-BRSR0-4n.cjs"),k="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",z=w.cva(k,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=w.cva(`${k} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),N=w.cva(k,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),I=u.forwardRef(({className:b,variant:h,size:i,weight:y,rounded:v,children:o,iconName:l,iconText:c,iconPosition:f="left",isLoading:s,isActive:q,disabled:E,tooltip:d,tooltipPlacement:R="top",asChild:j,...S},V)=>{const T=j?$.Slot:"button",n=u.useMemo(()=>!o&&l||f==="only"?"only":f,[o,l,f]),e=u.useMemo(()=>l?typeof l=="string"?{name:l}:l:null,[l]),x=n==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},B=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[e&&n==="left"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),o,e&&n==="right"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]})]})]})}),F=()=>{if(!j||!u.isValidElement(o)||!e&&n!=="only")return o;const m=o,A=m.props.children;if(n==="only")return u.cloneElement(m,{...m.props,children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})});const P=e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[n==="left"&&P,A,n==="right"&&P]})]});return u.cloneElement(m,{...m.props,children:M})},g=t.jsxRuntimeExports.jsx(T,{ref:V,className:p.cn(s?C({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):q?N({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):z({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b})),disabled:E||s,...S,children:j?F():B});return d&&(E||s)?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:n==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:g}):g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):d?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):g});I.displayName="Button";exports.Button=I;exports.buttonActiveStyles=N;exports.buttonLoadingStyles=C;exports.buttonStyles=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-dueLddAn.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-DywqP_6a.js";
|
|
2
2
|
import * as o from "@radix-ui/react-alert-dialog";
|
|
3
|
-
import { c as r } from "../button
|
|
3
|
+
import { c as r } from "../button-DU1x2trm.js";
|
|
4
4
|
import { c as l } from "../index-CRiPKpXj.js";
|
|
5
5
|
function g({
|
|
6
6
|
...t
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-BRSR0-4n.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;
|
|
@@ -2,7 +2,7 @@ import { j as e } from "../../jsx-runtime-DywqP_6a.js";
|
|
|
2
2
|
import { B as I } from "../../badge-CJxUpkWv.js";
|
|
3
3
|
import { C as w, e as y, b as z, d as F } from "../../card-9-UcGdV0.js";
|
|
4
4
|
import { I as x } from "../../icon-component-CxQsODCa.js";
|
|
5
|
-
import { T as H, c as k, a as B } from "../../tooltip-
|
|
5
|
+
import { T as H, c as k, a as B } from "../../tooltip-Bxh10S4Q.js";
|
|
6
6
|
import { c as a } from "../../index-CRiPKpXj.js";
|
|
7
7
|
import { c as R } from "../../index-BqtVL8d-.js";
|
|
8
8
|
import { forwardRef as E } from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-dueLddAn.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-BRSR0-4n.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),a=require("./index-DoxiiusW.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const r=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function
|
|
1
|
+
"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),a=require("./index-DoxiiusW.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const r=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function p({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function u({...t}){return o.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function c({className:t,sideOffset:e=0,children:i,...n}){return o.jsxRuntimeExports.jsx(r.Portal,{children:o.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"tooltip-content",sideOffset:e,className:a.cn("text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 text-paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",t),...n,children:[i,o.jsxRuntimeExports.jsx(r.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white"})]})})}exports.Tooltip=p;exports.TooltipContent=c;exports.TooltipProvider=s;exports.TooltipTrigger=u;
|
|
@@ -3,53 +3,53 @@ import { c as s } from "./index-CRiPKpXj.js";
|
|
|
3
3
|
import * as i from "@radix-ui/react-tooltip";
|
|
4
4
|
function n({
|
|
5
5
|
delayDuration: t = 0,
|
|
6
|
-
...
|
|
6
|
+
...a
|
|
7
7
|
}) {
|
|
8
8
|
return /* @__PURE__ */ o.jsx(
|
|
9
9
|
i.Provider,
|
|
10
10
|
{
|
|
11
11
|
"data-slot": "tooltip-provider",
|
|
12
12
|
delayDuration: t,
|
|
13
|
-
...
|
|
13
|
+
...a
|
|
14
14
|
}
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function p({
|
|
18
18
|
...t
|
|
19
19
|
}) {
|
|
20
20
|
return /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function m({
|
|
23
23
|
...t
|
|
24
24
|
}) {
|
|
25
25
|
return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
|
|
26
26
|
}
|
|
27
27
|
function c({
|
|
28
28
|
className: t,
|
|
29
|
-
sideOffset:
|
|
30
|
-
children:
|
|
29
|
+
sideOffset: a = 0,
|
|
30
|
+
children: e,
|
|
31
31
|
...r
|
|
32
32
|
}) {
|
|
33
33
|
return /* @__PURE__ */ o.jsx(i.Portal, { children: /* @__PURE__ */ o.jsxs(
|
|
34
34
|
i.Content,
|
|
35
35
|
{
|
|
36
36
|
"data-slot": "tooltip-content",
|
|
37
|
-
sideOffset:
|
|
37
|
+
sideOffset: a,
|
|
38
38
|
className: s(
|
|
39
|
-
"text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-
|
|
39
|
+
"text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 text-paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",
|
|
40
40
|
t
|
|
41
41
|
),
|
|
42
42
|
...r,
|
|
43
43
|
children: [
|
|
44
|
-
|
|
44
|
+
e,
|
|
45
45
|
/* @__PURE__ */ o.jsx(i.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white" })
|
|
46
46
|
]
|
|
47
47
|
}
|
|
48
48
|
) });
|
|
49
49
|
}
|
|
50
50
|
export {
|
|
51
|
-
|
|
51
|
+
p as T,
|
|
52
52
|
c as a,
|
|
53
53
|
n as b,
|
|
54
|
-
|
|
54
|
+
m as c
|
|
55
55
|
};
|
package/dist/ui.css
CHANGED
|
@@ -679,10 +679,10 @@ input[type='color']::-webkit-color-swatch {
|
|
|
679
679
|
}
|
|
680
680
|
|
|
681
681
|
*::-webkit-scrollbar-thumb {
|
|
682
|
-
background-color: var(--color-neutral-
|
|
682
|
+
background-color: var(--color-neutral-100);
|
|
683
683
|
border-radius: 14px;
|
|
684
684
|
}
|
|
685
685
|
|
|
686
686
|
::-webkit-scrollbar-thumb:hover {
|
|
687
|
-
background-color: var(--color-neutral-
|
|
687
|
+
background-color: var(--color-neutral-200);
|
|
688
688
|
}
|