@sudobility/components 5.0.42 → 5.0.43

package/dist/index.js

@@ -8219,7 +8219,7 @@ const zi = ({
     r && /* @__PURE__ */ a(
       "div",
       {
-        className: `${c.text} font-bold text-gray-900 dark:text-gray-100`,
+        className: `${c.text} font-bold text-inherit`,
         style: { fontFamily: i, fontWeight: "700" },
         children: l
       }
@@ -16981,28 +16981,93 @@ const $0 = ({
       children: /* @__PURE__ */ a("div", { className: o, children: n })
     }
   );
-}, U0 = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("grid md:grid-cols-5 gap-8", e), children: t }), P0 = ({
+}, U0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "Footer Navigation",
+    className: u("grid grid-cols-2 gap-x-6 gap-y-8 md:gap-8", e),
+    children: t
+  }
+), P0 = ({
   children: t,
   description: e,
   className: r
 }) => /* @__PURE__ */ h("div", { className: r, children: [
   /* @__PURE__ */ a("div", { className: "mb-4", children: t }),
-  e && /* @__PURE__ */ a("p", { className: U.body.sm(), children: e })
+  e && /* @__PURE__ */ a("p", { className: "text-xs text-gray-400 leading-relaxed", children: e })
 ] }), D0 = ({
   title: t,
   children: e,
   className: r
-}) => /* @__PURE__ */ h("div", { className: r, children: [
-  /* @__PURE__ */ a("h3", { className: u(U.heading.h5(), "mb-4 text-white"), children: t }),
-  /* @__PURE__ */ a("ul", { className: u("space-y-2", U.body.sm()), children: e })
-] }), B0 = ({
+}) => {
+  const [n, o] = I(!1);
+  return /* @__PURE__ */ h("div", { className: r, children: [
+    /* @__PURE__ */ a("h3", { className: "hidden md:block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3", children: t }),
+    /* @__PURE__ */ h(
+      "button",
+      {
+        className: "flex w-full items-center justify-between md:hidden py-2 border-b border-gray-700",
+        onClick: () => o(!n),
+        "aria-expanded": n,
+        children: [
+          /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-gray-400 uppercase tracking-wider", children: t }),
+          /* @__PURE__ */ a(
+            "svg",
+            {
+              className: u(
+                "w-3 h-3 text-gray-500 transition-transform duration-200",
+                n && "rotate-180"
+              ),
+              fill: "none",
+              viewBox: "0 0 10 6",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ a(
+                "path",
+                {
+                  stroke: "currentColor",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "1.5",
+                  d: "M1 1l4 4 4-4"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("ul", { className: "hidden md:block space-y-2", role: "list", children: e }),
+    /* @__PURE__ */ a(
+      "ul",
+      {
+        className: u(
+          "md:hidden overflow-hidden transition-all duration-200",
+          n ? "max-h-96 pt-2 pb-1 space-y-2" : "max-h-0"
+        ),
+        role: "list",
+        children: e
+      }
+    )
+  ] });
+}, B0 = ({
   children: t,
   className: e
-}) => /* @__PURE__ */ a("li", { className: u("hover:text-white transition-colors", e), children: t }), R0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ a(
+  "li",
+  {
+    className: u(
+      "text-xs text-gray-400 hover:text-white transition-colors",
+      e
+    ),
+    role: "listitem",
+    children: t
+  }
+), R0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
   "div",
   {
     className: u(
-      "border-t mt-8 pt-8 text-center space-y-4",
+      "border-t mt-8 pt-6 text-center space-y-3",
       kr.border.default,
       e
     ),
@@ -17015,7 +17080,7 @@ const $0 = ({
   "div",
   {
     className: u(
-      "flex items-center justify-center gap-3 text-gray-400 text-sm",
+      "flex items-center justify-center gap-3 text-gray-500 text-xs",
       e
     ),
     children: t
@@ -17053,11 +17118,11 @@ const $0 = ({
   rightsText: r,
   companyLink: n,
   className: o
-}) => /* @__PURE__ */ h("span", { className: o, children: [
+}) => /* @__PURE__ */ h("span", { className: u("text-xs text-gray-500", o), children: [
   "© ",
   t,
   " ",
-  n || /* @__PURE__ */ a("span", { className: "text-blue-400", children: e }),
+  n || /* @__PURE__ */ a("span", { className: "text-gray-400", children: e }),
   r && `. ${r}`
 ] }), ae = ({ href: t, label: e, children: r }) => /* @__PURE__ */ a(an, { content: e, children: /* @__PURE__ */ a(
   "a",
@@ -17065,7 +17130,7 @@ const $0 = ({
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: "text-gray-400 hover:text-white transition-colors",
+    className: "text-gray-500 hover:text-white transition-colors",
     "aria-label": e,
     children: r
   }
@@ -17082,7 +17147,7 @@ const $0 = ({
   t && /* @__PURE__ */ a(ae, { href: t, label: "Twitter / X", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17092,7 +17157,7 @@ const $0 = ({
   e && /* @__PURE__ */ a(ae, { href: e, label: "Reddit", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17102,7 +17167,7 @@ const $0 = ({
   r && /* @__PURE__ */ a(ae, { href: r, label: "Discord", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17112,7 +17177,7 @@ const $0 = ({
   n && /* @__PURE__ */ a(ae, { href: n, label: "LinkedIn", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17122,7 +17187,7 @@ const $0 = ({
   o && /* @__PURE__ */ a(ae, { href: o, label: "Farcaster", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17132,7 +17197,7 @@ const $0 = ({
   s && /* @__PURE__ */ a(ae, { href: s, label: "Telegram", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17142,7 +17207,7 @@ const $0 = ({
   l && /* @__PURE__ */ a(ae, { href: l, label: "GitHub", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",

package/dist/layout/Footer/FooterSlots.d.ts

@@ -4,7 +4,8 @@ interface SlotProps {
     className?: string;
 }
 /**
- * FooterGrid - Grid container for full footer columns
+ * FooterGrid - Grid container for full footer columns.
+ * Apple-style multi-column layout on desktop, stacked on mobile.
  */
 export declare const FooterGrid: React.FC<SlotProps>;
 /**
@@ -16,7 +17,9 @@ export interface FooterBrandProps extends SlotProps {
 }
 export declare const FooterBrand: React.FC<FooterBrandProps>;
 /**
- * FooterLinkSection - A column of links with a title
+ * FooterLinkSection - Apple-style column section with title and link list.
+ * On mobile: collapsible with chevron toggle.
+ * On desktop: always expanded with compact typography.
  */
 export interface FooterLinkSectionProps extends SlotProps {
     /** Section title */
@@ -24,7 +27,8 @@ export interface FooterLinkSectionProps extends SlotProps {
 }
 export declare const FooterLinkSection: React.FC<FooterLinkSectionProps>;
 /**
- * FooterLink - Individual link item in a section
+ * FooterLink - Individual link item in a section.
+ * Apple-style: small, gray text with subtle hover.
  */
 export interface FooterLinkProps {
     /** Link content */

package/dist/layout/Footer/FooterSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSlots.d.ts","sourceRoot":"","sources":["../../../src/layout/Footer/FooterSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI1C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAWlD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAa9D,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAY5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsB/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAW7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAWjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOlD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAKtD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAc1D,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiH9D,CAAC"}
+{"version":3,"file":"FooterSlots.d.ts","sourceRoot":"","sources":["../../../src/layout/Footer/FooterSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU1C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2D9D,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAehD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAY5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsB/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAW7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAWjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOlD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAKtD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAc1D,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiH9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components",
-  "version": "5.0.42",
+  "version": "5.0.43",
   "description": "Reusable UI components and design system - Reorganized for better maintainability",
   "type": "module",
   "main": "dist/index.js",