@retinalabsllc/zairusjs 0.8.1 → 0.8.2
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 +5 -5
- package/dist/index.mjs +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -112,15 +112,15 @@ var Faq = ({
|
|
|
112
112
|
const toggleFaq = (index) => {
|
|
113
113
|
setActiveFaq(activeFaq === index ? null : index);
|
|
114
114
|
};
|
|
115
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "
|
|
115
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-10 max-w-4xl w-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start w-full" }, badgeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-black text-white mb-6" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-white/90" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "text-[10px] tracking-widest uppercase font-medium mt-px" }, badgeText)), title && /* @__PURE__ */ import_react.default.createElement(
|
|
116
116
|
"h2",
|
|
117
117
|
{
|
|
118
118
|
ref: titleRef,
|
|
119
|
-
className: ` text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
119
|
+
className: `font-serif text-3xl md:text-5xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
120
120
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
121
121
|
},
|
|
122
122
|
title
|
|
123
|
-
)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-
|
|
123
|
+
)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-3 w-full" }, items.map((faq, index) => {
|
|
124
124
|
const isOpen = activeFaq === index;
|
|
125
125
|
const getShadowStyle = () => {
|
|
126
126
|
if (isOpen) return `
|
|
@@ -154,7 +154,7 @@ var Faq = ({
|
|
|
154
154
|
/* @__PURE__ */ import_react.default.createElement(
|
|
155
155
|
"span",
|
|
156
156
|
{
|
|
157
|
-
className: `text-[15px]
|
|
157
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
|
|
158
158
|
},
|
|
159
159
|
/* @__PURE__ */ import_react.default.createElement("span", { className: isOpen ? "text-neutral-400" : "text-neutral-400" }, index + 1, "."),
|
|
160
160
|
faq.question
|
|
@@ -169,7 +169,7 @@ var Faq = ({
|
|
|
169
169
|
/* @__PURE__ */ import_react.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement("p", { className: `text-[14px] leading-relaxed px-6 pb-6 pt-0 pr-12 transition-colors duration-300 ${isOpen ? "text-neutral-300" : "text-transparent"}` }, faq.answer))
|
|
170
170
|
)
|
|
171
171
|
);
|
|
172
|
-
}))))
|
|
172
|
+
}))));
|
|
173
173
|
};
|
|
174
174
|
|
|
175
175
|
// src/components/ThreeDButton.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -32,15 +32,15 @@ var Faq = ({
|
|
|
32
32
|
const toggleFaq = (index) => {
|
|
33
33
|
setActiveFaq(activeFaq === index ? null : index);
|
|
34
34
|
};
|
|
35
|
-
return /* @__PURE__ */ React.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React.createElement("div", { className: "
|
|
35
|
+
return /* @__PURE__ */ React.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-10 max-w-4xl w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start w-full" }, badgeText && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-black text-white mb-6" }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-white/90" }), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] tracking-widest uppercase font-medium mt-px" }, badgeText)), title && /* @__PURE__ */ React.createElement(
|
|
36
36
|
"h2",
|
|
37
37
|
{
|
|
38
38
|
ref: titleRef,
|
|
39
|
-
className: ` text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
39
|
+
className: `font-serif text-3xl md:text-5xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
40
40
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
41
41
|
},
|
|
42
42
|
title
|
|
43
|
-
)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-
|
|
43
|
+
)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-3 w-full" }, items.map((faq, index) => {
|
|
44
44
|
const isOpen = activeFaq === index;
|
|
45
45
|
const getShadowStyle = () => {
|
|
46
46
|
if (isOpen) return `
|
|
@@ -74,7 +74,7 @@ var Faq = ({
|
|
|
74
74
|
/* @__PURE__ */ React.createElement(
|
|
75
75
|
"span",
|
|
76
76
|
{
|
|
77
|
-
className: `text-[15px]
|
|
77
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ React.createElement("span", { className: isOpen ? "text-neutral-400" : "text-neutral-400" }, index + 1, "."),
|
|
80
80
|
faq.question
|
|
@@ -89,7 +89,7 @@ var Faq = ({
|
|
|
89
89
|
/* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("p", { className: `text-[14px] leading-relaxed px-6 pb-6 pt-0 pr-12 transition-colors duration-300 ${isOpen ? "text-neutral-300" : "text-transparent"}` }, faq.answer))
|
|
90
90
|
)
|
|
91
91
|
);
|
|
92
|
-
}))))
|
|
92
|
+
}))));
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
// src/components/ThreeDButton.tsx
|