@retinalabsllc/zairusjs 16.3.2 → 16.3.3
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/index.js +8 -8
- package/dist/index.mjs +8 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -129,7 +129,7 @@ var Faq = ({
|
|
|
129
129
|
"div",
|
|
130
130
|
{
|
|
131
131
|
key: index,
|
|
132
|
-
className: `transition-all duration-300 rounded-
|
|
132
|
+
className: `transition-all duration-300 rounded-4xl border ${isOpen ? "bg-[#068afe] border-[#068afe]" : " border-neutral-200 "}`
|
|
133
133
|
},
|
|
134
134
|
/* @__PURE__ */ import_react.default.createElement(
|
|
135
135
|
"button",
|
|
@@ -1024,7 +1024,7 @@ var UniversalHuddleDetails = ({
|
|
|
1024
1024
|
className: "w-full text-sm border-b border-neutral-200 focus:border-black outline-none py-2 text-black bg-transparent",
|
|
1025
1025
|
autoFocus: true
|
|
1026
1026
|
}
|
|
1027
|
-
), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setIsEditingTitle(false), className: "text-[11px] text-[#068afe] outline-none " }, "Done")) : /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-sm text-black py-2" }, title), enableEdits && /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setIsEditingTitle(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center
|
|
1027
|
+
), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setIsEditingTitle(false), className: "text-[11px] text-[#068afe] outline-none " }, "Done")) : /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-sm text-black py-2" }, title), enableEdits && /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setIsEditingTitle(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center border-b border-neutral-200 relative w-full pb-3 pt-3" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons6.Calendar01Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))), enableEdits && /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setCalendarMode("DATE"), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex border-b border-neutral-200 items-center relative w-full pb-3 pt-3" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons6.Clock01Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))), enableEdits && /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setCalendarMode("TIME"), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex border-b border-neutral-200 items-center relative w-full pb-3 pt-3" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons6.Globe02Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)), enableEdits && /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setShowTimezoneModal(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit")))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between py-2 mt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[13px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ import_react17.default.createElement(
|
|
1028
1028
|
"button",
|
|
1029
1029
|
{
|
|
1030
1030
|
type: "button",
|
|
@@ -2915,10 +2915,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
2915
2915
|
const isBrand = i === 1;
|
|
2916
2916
|
const isNeutral = i === 2;
|
|
2917
2917
|
const getBgStyle = () => {
|
|
2918
|
-
if (isWhite) return "bg-white
|
|
2919
|
-
if (isBrand) return "bg-[#068afe]
|
|
2920
|
-
if (isNeutral) return "bg-neutral-
|
|
2921
|
-
return "bg-white
|
|
2918
|
+
if (isWhite) return "bg-white ";
|
|
2919
|
+
if (isBrand) return "bg-[#068afe] ";
|
|
2920
|
+
if (isNeutral) return "bg-neutral-200 ";
|
|
2921
|
+
return "bg-white ";
|
|
2922
2922
|
};
|
|
2923
2923
|
const textColor = isBrand ? "text-white" : "text-black";
|
|
2924
2924
|
const subTextColor = isBrand ? "text-white/80" : "text-neutral-600";
|
|
@@ -2927,7 +2927,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
2927
2927
|
"div",
|
|
2928
2928
|
{
|
|
2929
2929
|
key: i,
|
|
2930
|
-
className: `relative rounded-
|
|
2930
|
+
className: `relative rounded-4xl overflow-hidden p-8 flex flex-col min-h-75 transition-all duration-300 group text-left ${getBgStyle()} ${f.size}`
|
|
2931
2931
|
},
|
|
2932
2932
|
/* @__PURE__ */ import_react46.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${isBrand ? "text-white/10" : "text-black/5"}` }, /* @__PURE__ */ import_react46.default.createElement(import_react47.HugeiconsIcon, { icon: f.icon, size: 180 }))),
|
|
2933
2933
|
/* @__PURE__ */ import_react46.default.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react46.default.createElement("span", { className: `text-[9px] tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ import_react46.default.createElement("div", { className: `p-2 rounded-full transition-colors ${isBrand ? "bg-white/20" : "bg-neutral-100"}` }, /* @__PURE__ */ import_react46.default.createElement(import_react47.HugeiconsIcon, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ import_react46.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react46.default.createElement("h3", { className: `text-xl mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ import_react46.default.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
|
|
@@ -3465,7 +3465,7 @@ var ManagedPricingBlock = ({
|
|
|
3465
3465
|
import_link7.default,
|
|
3466
3466
|
{
|
|
3467
3467
|
href: plan.ctaHref,
|
|
3468
|
-
className: "w-full py-2
|
|
3468
|
+
className: "w-full py-2 px-5 rounded-full border border-neutral-200 text-center text-black text-[12px] hover:bg-neutral-50 transition-colors mb-6 outline-none block"
|
|
3469
3469
|
},
|
|
3470
3470
|
plan.ctaText
|
|
3471
3471
|
),
|
package/dist/index.mjs
CHANGED
|
@@ -43,7 +43,7 @@ var Faq = ({
|
|
|
43
43
|
"div",
|
|
44
44
|
{
|
|
45
45
|
key: index,
|
|
46
|
-
className: `transition-all duration-300 rounded-
|
|
46
|
+
className: `transition-all duration-300 rounded-4xl border ${isOpen ? "bg-[#068afe] border-[#068afe]" : " border-neutral-200 "}`
|
|
47
47
|
},
|
|
48
48
|
/* @__PURE__ */ React.createElement(
|
|
49
49
|
"button",
|
|
@@ -953,7 +953,7 @@ var UniversalHuddleDetails = ({
|
|
|
953
953
|
className: "w-full text-sm border-b border-neutral-200 focus:border-black outline-none py-2 text-black bg-transparent",
|
|
954
954
|
autoFocus: true
|
|
955
955
|
}
|
|
956
|
-
), /* @__PURE__ */ React11.createElement("button", { onClick: () => setIsEditingTitle(false), className: "text-[11px] text-[#068afe] outline-none " }, "Done")) : /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "text-sm text-black py-2" }, title), enableEdits && /* @__PURE__ */ React11.createElement("button", { onClick: () => setIsEditingTitle(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ React11.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center
|
|
956
|
+
), /* @__PURE__ */ React11.createElement("button", { onClick: () => setIsEditingTitle(false), className: "text-[11px] text-[#068afe] outline-none " }, "Done")) : /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "text-sm text-black py-2" }, title), enableEdits && /* @__PURE__ */ React11.createElement("button", { onClick: () => setIsEditingTitle(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ React11.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center border-b border-neutral-200 relative w-full pb-3 pt-3" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon7, { icon: Calendar01Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ React11.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))), enableEdits && /* @__PURE__ */ React11.createElement("button", { onClick: () => setCalendarMode("DATE"), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("div", { className: "flex border-b border-neutral-200 items-center relative w-full pb-3 pt-3" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon7, { icon: Clock01Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ React11.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))), enableEdits && /* @__PURE__ */ React11.createElement("button", { onClick: () => setCalendarMode("TIME"), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))), /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("div", { className: "flex border-b border-neutral-200 items-center relative w-full pb-3 pt-3" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon7, { icon: Globe02Icon, size: 16, className: "text-neutral-400 absolute left-0" }), /* @__PURE__ */ React11.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)), enableEdits && /* @__PURE__ */ React11.createElement("button", { onClick: () => setShowTimezoneModal(true), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit")))), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between py-2 mt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[13px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ React11.createElement(
|
|
957
957
|
"button",
|
|
958
958
|
{
|
|
959
959
|
type: "button",
|
|
@@ -2908,10 +2908,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
2908
2908
|
const isBrand = i === 1;
|
|
2909
2909
|
const isNeutral = i === 2;
|
|
2910
2910
|
const getBgStyle = () => {
|
|
2911
|
-
if (isWhite) return "bg-white
|
|
2912
|
-
if (isBrand) return "bg-[#068afe]
|
|
2913
|
-
if (isNeutral) return "bg-neutral-
|
|
2914
|
-
return "bg-white
|
|
2911
|
+
if (isWhite) return "bg-white ";
|
|
2912
|
+
if (isBrand) return "bg-[#068afe] ";
|
|
2913
|
+
if (isNeutral) return "bg-neutral-200 ";
|
|
2914
|
+
return "bg-white ";
|
|
2915
2915
|
};
|
|
2916
2916
|
const textColor = isBrand ? "text-white" : "text-black";
|
|
2917
2917
|
const subTextColor = isBrand ? "text-white/80" : "text-neutral-600";
|
|
@@ -2920,7 +2920,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
2920
2920
|
"div",
|
|
2921
2921
|
{
|
|
2922
2922
|
key: i,
|
|
2923
|
-
className: `relative rounded-
|
|
2923
|
+
className: `relative rounded-4xl overflow-hidden p-8 flex flex-col min-h-75 transition-all duration-300 group text-left ${getBgStyle()} ${f.size}`
|
|
2924
2924
|
},
|
|
2925
2925
|
/* @__PURE__ */ React27.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ React27.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${isBrand ? "text-white/10" : "text-black/5"}` }, /* @__PURE__ */ React27.createElement(HugeiconsIcon20, { icon: f.icon, size: 180 }))),
|
|
2926
2926
|
/* @__PURE__ */ React27.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ React27.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React27.createElement("span", { className: `text-[9px] tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ React27.createElement("div", { className: `p-2 rounded-full transition-colors ${isBrand ? "bg-white/20" : "bg-neutral-100"}` }, /* @__PURE__ */ React27.createElement(HugeiconsIcon20, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ React27.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React27.createElement("h3", { className: `text-xl mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ React27.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
|
|
@@ -3465,7 +3465,7 @@ var ManagedPricingBlock = ({
|
|
|
3465
3465
|
Link7,
|
|
3466
3466
|
{
|
|
3467
3467
|
href: plan.ctaHref,
|
|
3468
|
-
className: "w-full py-2
|
|
3468
|
+
className: "w-full py-2 px-5 rounded-full border border-neutral-200 text-center text-black text-[12px] hover:bg-neutral-50 transition-colors mb-6 outline-none block"
|
|
3469
3469
|
},
|
|
3470
3470
|
plan.ctaText
|
|
3471
3471
|
),
|