@retinalabsllc/zairusjs 0.8.1 → 0.8.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.
Files changed (3) hide show
  1. package/dist/index.js +6 -6
  2. package/dist/index.mjs +6 -6
  3. 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: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-neutral-200 text-black mb-6 shadow-[0_4px_14px_rgba(0,0,0,0.15)]" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "text-[10px] tracking-widest uppercase mt-px" }, badgeText)), title && /* @__PURE__ */ import_react.default.createElement(
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 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: `text-3xl 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-6 lg:w-[60%] w-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-3 w-full" }, items.map((faq, index) => {
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] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
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
@@ -790,7 +790,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
790
790
  "h2",
791
791
  {
792
792
  ref: titleRef,
793
- className: ` text-3xl md:text-4xl tracking-tight text-black leading-[1.1] ${isAnimating ? "animate-gradient-wipe" : ""}`,
793
+ className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "animate-gradient-wipe" : ""}`,
794
794
  style: isAnimating ? { animationIterationCount: 1 } : {}
795
795
  },
796
796
  headline
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: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-neutral-200 text-black mb-6 shadow-[0_4px_14px_rgba(0,0,0,0.15)]" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] tracking-widest uppercase mt-px" }, badgeText)), title && /* @__PURE__ */ React.createElement(
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 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: `text-3xl 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-6 lg:w-[60%] w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-3 w-full" }, items.map((faq, index) => {
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] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
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
@@ -710,7 +710,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
710
710
  "h2",
711
711
  {
712
712
  ref: titleRef,
713
- className: ` text-3xl md:text-4xl tracking-tight text-black leading-[1.1] ${isAnimating ? "animate-gradient-wipe" : ""}`,
713
+ className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "animate-gradient-wipe" : ""}`,
714
714
  style: isAnimating ? { animationIterationCount: 1 } : {}
715
715
  },
716
716
  headline
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "0.8.1",
3
+ "version": "0.8.3",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",