@xscriptor/xcomponents 0.1.0 → 0.1.1

package/dist/components/social/index.css

@@ -1,5 +1,5 @@
 /* src/components/social/xsocialcontact/XSocialContact.module.css */
-.container {
+.XSocialContact_container3 {
   --columns: 3;
   --gap: 1.5rem;
   --padding: 1.5rem;
@@ -24,37 +24,37 @@
   border-radius: var(--border-radius);
   justify-items: var(--alignment);
 }
-.small {
+.XSocialContact_small3 {
   --icon-gap: 1rem;
   --gap: 1rem;
   --padding: 1rem;
   --text-size: 0.875rem;
 }
-.medium {
+.XSocialContact_medium3 {
   --icon-gap: 1.5rem;
   --gap: 1.5rem;
   --padding: 1.5rem;
   --text-size: 1rem;
 }
-.large {
+.XSocialContact_large3 {
   --icon-gap: 2rem;
   --gap: 2rem;
   --padding: 2rem;
   --text-size: 1.125rem;
 }
-.rows1 {
+.XSocialContact_rows13 {
   grid-template-rows: auto;
 }
-.rows2 {
+.XSocialContact_rows23 {
   grid-template-rows: repeat(2, auto);
 }
-.rows3 {
+.XSocialContact_rows33 {
   grid-template-rows: repeat(3, auto);
 }
-.rows4 {
+.XSocialContact_rows43 {
   grid-template-rows: repeat(4, auto);
 }
-.item {
+.XSocialContact_item3 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -63,10 +63,10 @@
   transition: opacity 0.2s ease;
   color: inherit;
 }
-.item:hover {
+.XSocialContact_item3:hover {
   opacity: 0.8;
 }
-.iconWrapper {
+.XSocialContact_iconWrapper3 {
   --item-icon-color: var(--icon-color);
   --item-icon-hover-color: var(--icon-hover-color);
   display: flex;
@@ -77,10 +77,10 @@
   color: var(--item-icon-color);
   transition: color 0.2s ease;
 }
-.item:hover .iconWrapper {
+.XSocialContact_item3:hover .XSocialContact_iconWrapper3 {
   color: var(--item-icon-hover-color);
 }
-.text {
+.XSocialContact_text3 {
   font-size: var(--text-size);
   color: var(--text-color);
   text-align: var(--text-align);
@@ -88,29 +88,29 @@
   max-width: 100%;
 }
 @media (max-width: 768px) {
-  .container {
+  .XSocialContact_container3 {
     --columns: 2;
     --gap: calc(var(--gap) * 0.75);
     --padding: calc(var(--padding) * 0.75);
   }
-  .rows2,
-  .rows3,
-  .rows4 {
+  .XSocialContact_rows23,
+  .XSocialContact_rows33,
+  .XSocialContact_rows43 {
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, auto);
   }
 }
 @media (max-width: 480px) {
-  .container {
+  .XSocialContact_container3 {
     --columns: 1;
     --gap: calc(var(--gap) * 0.5);
     --padding: calc(var(--padding) * 0.5);
   }
-  .rows2,
-  .rows3,
-  .rows4 {
+  .XSocialContact_rows23,
+  .XSocialContact_rows33,
+  .XSocialContact_rows43 {
     grid-template-columns: 1fr;
     grid-template-rows: auto;
   }
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/social/index.css.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/social/xsocialcontact/XSocialContact.module.css"],"sourcesContent":["/* XSocialContact Styles */\n\n.container {\n    --columns: 3;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n    --alignment: center;\n    --text-align: center;\n    --icon-gap: 1.5rem;\n    --border-radius: 0.5rem;\n    --bg-color: transparent;\n    --icon-color: currentColor;\n    --icon-hover-color: currentColor;\n    --border-color: transparent;\n    --border-width: 0px;\n    --border-style: solid;\n    --text-color: inherit;\n\n    display: grid;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    gap: var(--gap);\n    padding: var(--padding);\n    background-color: var(--bg-color);\n    border: var(--border-width) var(--border-style) var(--border-color);\n    border-radius: var(--border-radius);\n    justify-items: var(--alignment);\n}\n\n/* Size variants */\n.small {\n    --icon-gap: 1rem;\n    --gap: 1rem;\n    --padding: 1rem;\n    --text-size: 0.875rem;\n}\n\n.medium {\n    --icon-gap: 1.5rem;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n}\n\n.large {\n    --icon-gap: 2rem;\n    --gap: 2rem;\n    --padding: 2rem;\n    --text-size: 1.125rem;\n}\n\n/* Rows configuration */\n.rows1 {\n    grid-template-rows: auto;\n}\n\n.rows2 {\n    grid-template-rows: repeat(2, auto);\n}\n\n.rows3 {\n    grid-template-rows: repeat(3, auto);\n}\n\n.rows4 {\n    grid-template-rows: repeat(4, auto);\n}\n\n/* Item styling */\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: calc(var(--icon-gap) * 0.5);\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n    color: inherit;\n}\n\n.item:hover {\n    opacity: 0.8;\n}\n\n.iconWrapper {\n    --item-icon-color: var(--icon-color);\n    --item-icon-hover-color: var(--icon-hover-color);\n    \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--icon-gap);\n    height: var(--icon-gap);\n    color: var(--item-icon-color);\n    transition: color 0.2s ease;\n}\n\n.item:hover .iconWrapper {\n    color: var(--item-icon-hover-color);\n}\n\n.text {\n    font-size: var(--text-size);\n    color: var(--text-color);\n    text-align: var(--text-align);\n    word-break: break-word;\n    max-width: 100%;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        --columns: 2;\n        --gap: calc(var(--gap) * 0.75);\n        --padding: calc(var(--padding) * 0.75);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(2, auto);\n    }\n}\n\n@media (max-width: 480px) {\n    .container {\n        --columns: 1;\n        --gap: calc(var(--gap) * 0.5);\n        --padding: calc(var(--padding) * 0.5);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n    }\n}\n"],"mappings":";AAEA,CAAC;AACG,aAAW;AACX,SAAO;AACP,aAAW;AACX,eAAa;AACb,eAAa;AACb,gBAAc;AACd,cAAY;AACZ,mBAAiB;AACjB,cAAY;AACZ,gBAAc;AACd,sBAAoB;AACpB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,gBAAc;AAEd,WAAS;AACT,yBAAuB,OAAO,IAAI,UAAU,EAAE;AAC9C,OAAK,IAAI;AACT,WAAS,IAAI;AACb,oBAAkB,IAAI;AACtB,UAAQ,IAAI,gBAAgB,IAAI,gBAAgB,IAAI;AACpD,iBAAe,IAAI;AACnB,iBAAe,IAAI;AACvB;AAGA,CAAC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAEA,CAAC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAEA,CAAC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAGA,CAAC;AACG,sBAAoB;AACxB;AAEA,CAAC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAEA,CAAC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAEA,CAAC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAGA,CAAC;AACG,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK,KAAK,IAAI,YAAY,EAAE;AAC5B,mBAAiB;AACjB,cAAY,QAAQ,KAAK;AACzB,SAAO;AACX;AAEA,CAVC,IAUI;AACD,WAAS;AACb;AAEA,CAAC;AACG,qBAAmB,IAAI;AACvB,2BAAyB,IAAI;AAE7B,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,SAAO,IAAI;AACX,cAAY,MAAM,KAAK;AAC3B;AAEA,CA3BC,IA2BI,OAAO,CAbX;AAcG,SAAO,IAAI;AACf;AAEA,CAAC;AACG,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,cAAY;AACZ,aAAW;AACf;AAGA,QAAO,WAAY;AACf,GA5GH;AA6GO,eAAW;AACX,WAAO,KAAK,IAAI,OAAO,EAAE;AACzB,eAAW,KAAK,IAAI,WAAW,EAAE;AACrC;AAEA,GA5DH;AAAA,EA6DG,CAzDH;AAAA,EA0DG,CAtDH;AAuDO,2BAAuB,OAAO,CAAC,EAAE;AACjC,wBAAoB,OAAO,CAAC,EAAE;AAClC;AACJ;AAEA,QAAO,WAAY;AACf,GA3HH;AA4HO,eAAW;AACX,WAAO,KAAK,IAAI,OAAO,EAAE;AACzB,eAAW,KAAK,IAAI,WAAW,EAAE;AACrC;AAEA,GA3EH;AAAA,EA4EG,CAxEH;AAAA,EAyEG,CArEH;AAsEO,2BAAuB;AACvB,wBAAoB;AACxB;AACJ;","names":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/social/xsocialcontact/XSocialContact.module.css"],
+  "sourcesContent": ["/* XSocialContact Styles */\n\n.container {\n    --columns: 3;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n    --alignment: center;\n    --text-align: center;\n    --icon-gap: 1.5rem;\n    --border-radius: 0.5rem;\n    --bg-color: transparent;\n    --icon-color: currentColor;\n    --icon-hover-color: currentColor;\n    --border-color: transparent;\n    --border-width: 0px;\n    --border-style: solid;\n    --text-color: inherit;\n\n    display: grid;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    gap: var(--gap);\n    padding: var(--padding);\n    background-color: var(--bg-color);\n    border: var(--border-width) var(--border-style) var(--border-color);\n    border-radius: var(--border-radius);\n    justify-items: var(--alignment);\n}\n\n/* Size variants */\n.small {\n    --icon-gap: 1rem;\n    --gap: 1rem;\n    --padding: 1rem;\n    --text-size: 0.875rem;\n}\n\n.medium {\n    --icon-gap: 1.5rem;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n}\n\n.large {\n    --icon-gap: 2rem;\n    --gap: 2rem;\n    --padding: 2rem;\n    --text-size: 1.125rem;\n}\n\n/* Rows configuration */\n.rows1 {\n    grid-template-rows: auto;\n}\n\n.rows2 {\n    grid-template-rows: repeat(2, auto);\n}\n\n.rows3 {\n    grid-template-rows: repeat(3, auto);\n}\n\n.rows4 {\n    grid-template-rows: repeat(4, auto);\n}\n\n/* Item styling */\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: calc(var(--icon-gap) * 0.5);\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n    color: inherit;\n}\n\n.item:hover {\n    opacity: 0.8;\n}\n\n.iconWrapper {\n    --item-icon-color: var(--icon-color);\n    --item-icon-hover-color: var(--icon-hover-color);\n    \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--icon-gap);\n    height: var(--icon-gap);\n    color: var(--item-icon-color);\n    transition: color 0.2s ease;\n}\n\n.item:hover .iconWrapper {\n    color: var(--item-icon-hover-color);\n}\n\n.text {\n    font-size: var(--text-size);\n    color: var(--text-color);\n    text-align: var(--text-align);\n    word-break: break-word;\n    max-width: 100%;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        --columns: 2;\n        --gap: calc(var(--gap) * 0.75);\n        --padding: calc(var(--padding) * 0.75);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(2, auto);\n    }\n}\n\n@media (max-width: 480px) {\n    .container {\n        --columns: 1;\n        --gap: calc(var(--gap) * 0.5);\n        --padding: calc(var(--padding) * 0.5);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n    }\n}\n"],
+  "mappings": ";AAEA,CAACA;AACG,aAAW;AACX,SAAO;AACP,aAAW;AACX,eAAa;AACb,eAAa;AACb,gBAAc;AACd,cAAY;AACZ,mBAAiB;AACjB,cAAY;AACZ,gBAAc;AACd,sBAAoB;AACpB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,gBAAc;AAEd,WAAS;AACT,yBAAuB,OAAO,IAAI,UAAU,EAAE;AAC9C,OAAK,IAAI;AACT,WAAS,IAAI;AACb,oBAAkB,IAAI;AACtB,UAAQ,IAAI,gBAAgB,IAAI,gBAAgB,IAAI;AACpD,iBAAe,IAAI;AACnB,iBAAe,IAAI;AACvB;AAGA,CAACC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAEA,CAACC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAEA,CAACC;AACG,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACjB;AAGA,CAACC;AACG,sBAAoB;AACxB;AAEA,CAACC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAEA,CAACC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAEA,CAACC;AACG,sBAAoB,OAAO,CAAC,EAAE;AAClC;AAGA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK,KAAK,IAAI,YAAY,EAAE;AAC5B,mBAAiB;AACjB,cAAY,QAAQ,KAAK;AACzB,SAAO;AACX;AAEA,CAVCA,oBAUI;AACD,WAAS;AACb;AAEA,CAACC;AACG,qBAAmB,IAAI;AACvB,2BAAyB,IAAI;AAE7B,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,SAAO,IAAI;AACX,cAAY,MAAM,KAAK;AAC3B;AAEA,CA3BCD,oBA2BI,OAAO,CAbXC;AAcG,SAAO,IAAI;AACf;AAEA,CAACC;AACG,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY,IAAI;AAChB,cAAY;AACZ,aAAW;AACf;AAGA,QAAO,WAAY;AACf,GA5GHV;AA6GO,eAAW;AACX,WAAO,KAAK,IAAI,OAAO,EAAE;AACzB,eAAW,KAAK,IAAI,WAAW,EAAE;AACrC;AAEA,GA5DHK;AAAA,EA6DG,CAzDHC;AAAA,EA0DG,CAtDHC;AAuDO,2BAAuB,OAAO,CAAC,EAAE;AACjC,wBAAoB,OAAO,CAAC,EAAE;AAClC;AACJ;AAEA,QAAO,WAAY;AACf,GA3HHP;AA4HO,eAAW;AACX,WAAO,KAAK,IAAI,OAAO,EAAE;AACzB,eAAW,KAAK,IAAI,WAAW,EAAE;AACrC;AAEA,GA3EHK;AAAA,EA4EG,CAxEHC;AAAA,EAyEG,CArEHC;AAsEO,2BAAuB;AACvB,wBAAoB;AACxB;AACJ;",
+  "names": ["container", "small", "medium", "large", "rows1", "rows2", "rows3", "rows4", "item", "iconWrapper", "text"]
+}

package/dist/components/social/index.d.ts

@@ -1,55 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface SocialItem {
-    id: string;
-    href: string;
-    label: string;
-    icon: React.ReactNode;
-    text?: string;
-    iconColor?: string;
-    iconHoverColor?: string;
-}
-interface XSocialContactProps {
-    items: SocialItem[];
-    columns?: number;
-    rows?: number;
-    size?: "small" | "medium" | "large";
-    alignment?: "left" | "center" | "right";
-    gap?: string;
-    backgroundColor?: string;
-    iconDefaultColor?: string;
-    iconDefaultHoverColor?: string;
-    borderColor?: string;
-    borderWidth?: string;
-    borderStyle?: "solid" | "dashed" | "dotted";
-    borderRadius?: "rounded" | "square";
-    padding?: string;
-    textAlign?: "left" | "center" | "right";
-    textColor?: string;
-    textSize?: string;
-}
-declare function XSocialContact({ items, columns, rows, size, alignment, gap, backgroundColor, iconDefaultColor, iconDefaultHoverColor, borderColor, borderWidth, borderStyle, borderRadius, padding, textAlign, textColor, textSize, }: XSocialContactProps): react_jsx_runtime.JSX.Element;
-
-interface XSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, "color" | "children"> {
-    size?: number | string;
-    color?: string;
-    hoverColor?: string;
-    fillColor?: string;
-    hoverFillColor?: string;
-    backgroundColor?: string;
-    badgeColor?: string;
-    badgeBackgroundColor?: string;
-    strokeWidth?: number;
-    showBadge?: boolean;
-    title?: string;
-}
-declare function XTelegramIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XInstagramIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XWhatsappIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XEmailIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XLinkedInIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XTwitterIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-declare function XGitHubIcon(props: XSocialIconProps): react_jsx_runtime.JSX.Element;
-
-export { type SocialItem, XEmailIcon, XGitHubIcon, XInstagramIcon, XLinkedInIcon, XSocialContact, type XSocialContactProps, type XSocialIconProps, XTelegramIcon, XTwitterIcon, XWhatsappIcon };
+export { XSocialContact, XTelegramIcon, XInstagramIcon, XWhatsappIcon, XEmailIcon, XLinkedInIcon, XTwitterIcon, XGitHubIcon, } from "./xsocialcontact";
+export type { SocialItem, XSocialContactProps, XSocialIconProps } from "./xsocialcontact";

package/dist/components/social/index.js

@@ -32,7 +32,19 @@ __export(social_exports, {
 module.exports = __toCommonJS(social_exports);
 
 // src/components/social/xsocialcontact/XSocialContact.module.css
-var XSocialContact_default = {};
+var XSocialContact_default = {
+  container: "XSocialContact_container3",
+  small: "XSocialContact_small3",
+  medium: "XSocialContact_medium3",
+  large: "XSocialContact_large3",
+  rows1: "XSocialContact_rows13",
+  rows2: "XSocialContact_rows23",
+  rows3: "XSocialContact_rows33",
+  rows4: "XSocialContact_rows43",
+  item: "XSocialContact_item3",
+  iconWrapper: "XSocialContact_iconWrapper3",
+  text: "XSocialContact_text3"
+};
 
 // src/components/social/xsocialcontact/XSocialContact.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -266,15 +278,4 @@ function XGitHubIcon(props) {
     }
   ) }) });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  XEmailIcon,
-  XGitHubIcon,
-  XInstagramIcon,
-  XLinkedInIcon,
-  XSocialContact,
-  XTelegramIcon,
-  XTwitterIcon,
-  XWhatsappIcon
-});
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/social/index.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/social/index.ts","../../../src/components/social/xsocialcontact/XSocialContact.module.css","../../../src/components/social/xsocialcontact/XSocialContact.tsx","../../../src/components/social/xsocialcontact/XSocialIcons.tsx"],"sourcesContent":["export {\n  XSocialContact,\n  XTelegramIcon,\n  XInstagramIcon,\n  XWhatsappIcon,\n  XEmailIcon,\n  XLinkedInIcon,\n  XTwitterIcon,\n  XGitHubIcon,\n} from \"./xsocialcontact\";\nexport type { SocialItem, XSocialContactProps, XSocialIconProps } from \"./xsocialcontact\";\n","/* XSocialContact Styles */\n\n.container {\n    --columns: 3;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n    --alignment: center;\n    --text-align: center;\n    --icon-gap: 1.5rem;\n    --border-radius: 0.5rem;\n    --bg-color: transparent;\n    --icon-color: currentColor;\n    --icon-hover-color: currentColor;\n    --border-color: transparent;\n    --border-width: 0px;\n    --border-style: solid;\n    --text-color: inherit;\n\n    display: grid;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    gap: var(--gap);\n    padding: var(--padding);\n    background-color: var(--bg-color);\n    border: var(--border-width) var(--border-style) var(--border-color);\n    border-radius: var(--border-radius);\n    justify-items: var(--alignment);\n}\n\n/* Size variants */\n.small {\n    --icon-gap: 1rem;\n    --gap: 1rem;\n    --padding: 1rem;\n    --text-size: 0.875rem;\n}\n\n.medium {\n    --icon-gap: 1.5rem;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n}\n\n.large {\n    --icon-gap: 2rem;\n    --gap: 2rem;\n    --padding: 2rem;\n    --text-size: 1.125rem;\n}\n\n/* Rows configuration */\n.rows1 {\n    grid-template-rows: auto;\n}\n\n.rows2 {\n    grid-template-rows: repeat(2, auto);\n}\n\n.rows3 {\n    grid-template-rows: repeat(3, auto);\n}\n\n.rows4 {\n    grid-template-rows: repeat(4, auto);\n}\n\n/* Item styling */\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: calc(var(--icon-gap) * 0.5);\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n    color: inherit;\n}\n\n.item:hover {\n    opacity: 0.8;\n}\n\n.iconWrapper {\n    --item-icon-color: var(--icon-color);\n    --item-icon-hover-color: var(--icon-hover-color);\n    \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--icon-gap);\n    height: var(--icon-gap);\n    color: var(--item-icon-color);\n    transition: color 0.2s ease;\n}\n\n.item:hover .iconWrapper {\n    color: var(--item-icon-hover-color);\n}\n\n.text {\n    font-size: var(--text-size);\n    color: var(--text-color);\n    text-align: var(--text-align);\n    word-break: break-word;\n    max-width: 100%;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        --columns: 2;\n        --gap: calc(var(--gap) * 0.75);\n        --padding: calc(var(--padding) * 0.75);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(2, auto);\n    }\n}\n\n@media (max-width: 480px) {\n    .container {\n        --columns: 1;\n        --gap: calc(var(--gap) * 0.5);\n        --padding: calc(var(--padding) * 0.5);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n    }\n}\n","\"use client\";\n\nimport React from \"react\";\nimport styles from \"./XSocialContact.module.css\";\n\nexport interface SocialItem {\n  id: string;\n  href: string;\n  label: string;\n  icon: React.ReactNode;\n  text?: string;\n  iconColor?: string;\n  iconHoverColor?: string;\n}\n\nexport interface XSocialContactProps {\n  items: SocialItem[];\n  columns?: number;\n  rows?: number;\n  size?: \"small\" | \"medium\" | \"large\";\n  alignment?: \"left\" | \"center\" | \"right\";\n  gap?: string;\n  backgroundColor?: string;\n  iconDefaultColor?: string;\n  iconDefaultHoverColor?: string;\n  borderColor?: string;\n  borderWidth?: string;\n  borderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  borderRadius?: \"rounded\" | \"square\";\n  padding?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n  textColor?: string;\n  textSize?: string;\n}\n\nexport default function XSocialContact({\n  items,\n  columns = 3,\n  rows,\n  size = \"medium\",\n  alignment = \"center\",\n  gap,\n  backgroundColor,\n  iconDefaultColor,\n  iconDefaultHoverColor,\n  borderColor,\n  borderWidth,\n  borderStyle = \"solid\",\n  borderRadius = \"rounded\",\n  padding,\n  textAlign = \"center\",\n  textColor,\n  textSize,\n}: XSocialContactProps) {\n  const sizeMap = {\n    small: \"1rem\",\n    medium: \"1.5rem\",\n    large: \"2rem\",\n  } as const;\n\n  const alignmentMap = {\n    left: \"flex-start\",\n    center: \"center\",\n    right: \"flex-end\",\n  } as const;\n\n  const textAlignMap = {\n    left: \"left\",\n    center: \"center\",\n    right: \"right\",\n  } as const;\n\n  const radiusMap = {\n    rounded: \"0.5rem\",\n    square: \"0\",\n  } as const;\n\n  const defaultGap = gap || (size === \"small\" ? \"1rem\" : size === \"medium\" ? \"1.5rem\" : \"2rem\");\n  const defaultPadding =\n    padding || (size === \"small\" ? \"1rem\" : size === \"medium\" ? \"1.5rem\" : \"2rem\");\n  const defaultTextSize = textSize || (size === \"small\" ? \"0.875rem\" : size === \"medium\" ? \"1rem\" : \"1.125rem\");\n\n  const customStyles = {\n    \"--columns\": columns.toString(),\n    \"--gap\": defaultGap,\n    \"--padding\": defaultPadding,\n    \"--text-size\": defaultTextSize,\n    \"--alignment\": alignmentMap[alignment],\n    \"--text-align\": textAlignMap[textAlign],\n    \"--icon-gap\": sizeMap[size],\n    \"--border-radius\": radiusMap[borderRadius],\n    ...(backgroundColor && { \"--bg-color\": backgroundColor }),\n    ...(iconDefaultColor && { \"--icon-color\": iconDefaultColor }),\n    ...(iconDefaultHoverColor && { \"--icon-hover-color\": iconDefaultHoverColor }),\n    ...(borderColor && { \"--border-color\": borderColor }),\n    ...(borderWidth && { \"--border-width\": borderWidth }),\n    ...(textColor && { \"--text-color\": textColor }),\n    \"--border-style\": borderStyle,\n  } as React.CSSProperties;\n\n  let containerClass = styles.container;\n  if (rows) {\n    containerClass += ` ${styles[`rows${rows}`]}`;\n  }\n\n  return (\n    <div\n      className={`${containerClass} ${styles[size]}`}\n      style={customStyles}\n    >\n      {items.map((item) => (\n        <a\n          key={item.id}\n          href={item.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={styles.item}\n          title={item.label}\n          style={{\n            ...(item.iconColor && { \"--item-icon-color\": item.iconColor }),\n            ...(item.iconHoverColor && { \"--item-icon-hover-color\": item.iconHoverColor }),\n          } as React.CSSProperties}\n        >\n          <div className={styles.iconWrapper}>{item.icon}</div>\n          {item.text && <span className={styles.text}>{item.text}</span>}\n        </a>\n      ))}\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\n\nexport interface XSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, \"color\" | \"children\"> {\n  size?: number | string;\n  color?: string;\n  hoverColor?: string;\n  fillColor?: string;\n  hoverFillColor?: string;\n  backgroundColor?: string;\n  badgeColor?: string;\n  badgeBackgroundColor?: string;\n  strokeWidth?: number;\n  showBadge?: boolean;\n  title?: string;\n}\n\ntype IconPalette = {\n  stroke: string;\n  fill: string;\n  badgeStroke: string;\n  badgeFill: string;\n};\n\ntype SocialIconContentProps = {\n  palette: IconPalette;\n};\n\ntype SocialIconRenderer = (props: SocialIconContentProps) => React.ReactNode;\n\nfunction XSocialIconShell({\n  size = 24,\n  color = \"currentColor\",\n  hoverColor,\n  fillColor,\n  hoverFillColor,\n  backgroundColor,\n  badgeColor,\n  badgeBackgroundColor,\n  strokeWidth = 1.8,\n  showBadge = true,\n  title,\n  style,\n  children,\n  ...rest\n}: XSocialIconProps & { children: SocialIconRenderer }) {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const stroke = isHovered && hoverColor ? hoverColor : color;\n  const fill = isHovered && hoverFillColor ? hoverFillColor : fillColor || stroke;\n  const badgeStroke = badgeColor || stroke;\n  const badgeFill = badgeBackgroundColor || \"transparent\";\n\n  const palette = {\n    stroke,\n    fill,\n    badgeStroke,\n    badgeFill,\n  };\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      role={title ? \"img\" : \"presentation\"}\n      aria-label={title}\n      aria-hidden={title ? undefined : true}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      style={{ color: stroke, ...(style ?? {}) }}\n      {...rest}\n    >\n      {title ? <title>{title}</title> : null}\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10.5\"\n        fill={backgroundColor || \"none\"}\n        stroke={backgroundColor ? \"none\" : stroke}\n        strokeOpacity={backgroundColor ? undefined : 0.14}\n        strokeWidth={backgroundColor ? undefined : strokeWidth}\n      />\n      {children({ palette })}\n      {showBadge && (\n        <g>\n          <circle cx=\"18\" cy=\"18\" r=\"2.6\" fill={badgeFill} stroke={badgeStroke} strokeWidth=\"1\" />\n          <path d=\"M17.05 17.05L18.95 18.95M18.95 17.05L17.05 18.95\" stroke={badgeStroke} strokeWidth=\"1.15\" strokeLinecap=\"round\" />\n        </g>\n      )}\n    </svg>\n  );\n}\n\nexport function XTelegramIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.8}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M9.2 12.4l2.15 2.15 5.1-5.1M20.6 4.2L4 12l6.45 1.8 1.8 6.45 2.55-4.2 4.2 2.55 1.6-14.4z\"\n            stroke={palette.stroke}\n            strokeWidth=\"1.8\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            fill=\"none\"\n          />\n          <circle cx=\"12\" cy=\"12\" r=\"9.75\" fill=\"none\" stroke={palette.stroke} strokeOpacity=\"0.18\" strokeWidth=\"1\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XInstagramIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <rect x=\"6.2\" y=\"6.2\" width=\"11.6\" height=\"11.6\" rx=\"3.2\" ry=\"3.2\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3.15\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <circle cx=\"16.3\" cy=\"7.7\" r=\"0.7\" fill={palette.fill} />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XWhatsappIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.5}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M16.72 13.06c-.29-.15-1.71-.84-1.98-.94-.26-.1-.45-.15-.64.14-.19.29-.74.94-.9 1.13-.16.19-.33.22-.62.08-.29-.15-1.23-.45-2.35-1.45-.87-.77-1.45-1.72-1.62-2.01-.16-.29-.02-.45.12-.59.13-.13.29-.33.43-.49.14-.16.18-.28.27-.47.09-.19.04-.36-.02-.51-.07-.15-.64-1.54-.88-2.1-.23-.55-.47-.48-.64-.49-.16-.01-.36-.01-.55-.01-.19 0-.5.07-.76.36-.26.29-1 1.01-1 2.47 0 1.45 1.04 2.85 1.19 3.05.15.19 2.05 3.12 5.2 4.38.73.31 1.3.49 1.74.63.73.23 1.4.2 1.92.12.59-.09 1.71-.7 1.95-1.37.24-.67.24-1.25.17-1.37-.07-.11-.26-.18-.55-.32z\"\n            fill={palette.fill}\n          />\n          <path\n            d=\"M12 3.2C7.13 3.2 3.2 7.13 3.2 12c0 1.56.41 3.02 1.13 4.29L3.2 20.8l4.59-1.09A8.77 8.77 0 0 0 12 20.8c4.87 0 8.8-3.93 8.8-8.8s-3.93-8.8-8.8-8.8z\"\n            stroke={palette.stroke}\n            strokeWidth=\"1.2\"\n            fill=\"none\"\n            opacity=\"0.18\"\n          />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XEmailIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <rect x=\"4.5\" y=\"7\" width=\"15\" height=\"10\" rx=\"1.4\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <path d=\"M4.6 7.1l7.4 5.5 7.4-5.5\" stroke={palette.stroke} strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XLinkedInIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <path d=\"M8.1 9.1l2.6 2.6 4.1-4.1\" stroke={palette.stroke} strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\" />\n          <path d=\"M6.8 10.2c1.6-1.6 4.3-1.6 5.9 0\" stroke={palette.stroke} strokeWidth=\"1.6\" strokeLinecap=\"round\" fill=\"none\" />\n          <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\" ry=\"3\" stroke={palette.stroke} strokeWidth=\"1.4\" fill=\"none\" opacity=\"0.12\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XTwitterIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <path d=\"M7 4l7 8.7L7 21h2.2l7-8.7L21 4h-2.2l-7 8.7L7 4z\" fill={palette.fill} />\n          <path d=\"M8 4h2.2l6.2 7.7\" stroke={palette.stroke} strokeWidth=\"1.2\" strokeLinecap=\"round\" fill=\"none\" opacity=\"0.2\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XGitHubIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.35}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M12 2c5.52 0 10 4.48 10 10 0 4.42-2.87 8.17-6.84 9.49.5.09.68-.22.68-.48 0-.24-.01-.87-.01-1.7 2.78.6 3.37-1.34 3.37-1.34.45-1.16 1.11-1.46 1.11-1.46.91-.62-.07-.61-.07-.61-1 .07-1.53 1.03-1.53 1.03-.89 1.53-2.34 1.54-2.91 1.19-.09-.92-.35-1.54-.63-1.9 2.22-.25 4.55-1.11 4.55-4.94 0-1.09-.39-1.98-1.03-2.68.1-.25.45-1.27-.1-2.65 0 0-.84-.27-2.75 1.03A9.58 9.58 0 0 0 12 6.84c-.85 0-1.7.12-2.51.34-1.91-1.3-2.75-1.03-2.75-1.03-.54 1.38-.2 2.4-.1 2.65-.63.7-1.03 1.59-1.03 2.68 0 3.84 2.33 4.69 4.54 4.94-.29.36-.55.97-.64 1.9-.57.35-2.02.34-2.91-1.19 0 0-.52-.96-1.53-1.03 0 0-.98-.01-.07.61 0 0 .66.3 1.11 1.46 0 0 .59 1.94 3.37 1.34 0 .83-.01 1.46-.01 1.7 0 .26.18.57.68.48C5.87 20.17 3 16.42 3 12 3 6.48 7.48 2 12 2z\"\n            fill={palette.fill}\n          />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;;;AC+GQ;AA5EO,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAEA,QAAM,aAAa,QAAQ,SAAS,UAAU,SAAS,SAAS,WAAW,WAAW;AACtF,QAAM,iBACJ,YAAY,SAAS,UAAU,SAAS,SAAS,WAAW,WAAW;AACzE,QAAM,kBAAkB,aAAa,SAAS,UAAU,aAAa,SAAS,WAAW,SAAS;AAElG,QAAM,eAAe;AAAA,IACnB,aAAa,QAAQ,SAAS;AAAA,IAC9B,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe;AAAA,IACf,eAAe,aAAa,SAAS;AAAA,IACrC,gBAAgB,aAAa,SAAS;AAAA,IACtC,cAAc,QAAQ,IAAI;AAAA,IAC1B,mBAAmB,UAAU,YAAY;AAAA,IACzC,GAAI,mBAAmB,EAAE,cAAc,gBAAgB;AAAA,IACvD,GAAI,oBAAoB,EAAE,gBAAgB,iBAAiB;AAAA,IAC3D,GAAI,yBAAyB,EAAE,sBAAsB,sBAAsB;AAAA,IAC3E,GAAI,eAAe,EAAE,kBAAkB,YAAY;AAAA,IACnD,GAAI,eAAe,EAAE,kBAAkB,YAAY;AAAA,IACnD,GAAI,aAAa,EAAE,gBAAgB,UAAU;AAAA,IAC7C,kBAAkB;AAAA,EACpB;AAEA,MAAI,iBAAiB,uBAAO;AAC5B,MAAI,MAAM;AACR,sBAAkB,IAAI,uBAAO,OAAO,IAAI,EAAE,CAAC;AAAA,EAC7C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,cAAc,IAAI,uBAAO,IAAI,CAAC;AAAA,MAC5C,OAAO;AAAA,MAEN,gBAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAW,uBAAO;AAAA,UAClB,OAAO,KAAK;AAAA,UACZ,OAAO;AAAA,YACL,GAAI,KAAK,aAAa,EAAE,qBAAqB,KAAK,UAAU;AAAA,YAC5D,GAAI,KAAK,kBAAkB,EAAE,2BAA2B,KAAK,eAAe;AAAA,UAC9E;AAAA,UAEA;AAAA,wDAAC,SAAI,WAAW,uBAAO,aAAc,eAAK,MAAK;AAAA,YAC9C,KAAK,QAAQ,4CAAC,UAAK,WAAW,uBAAO,MAAO,eAAK,MAAK;AAAA;AAAA;AAAA,QAZlD,KAAK;AAAA,MAaZ,CACD;AAAA;AAAA,EACH;AAEJ;;;AC/HA,mBAAgC;AA0EjB,IAAAA,sBAAA;AA7Cf,SAAS,iBAAiB;AAAA,EACxB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,QAAM,SAAS,aAAa,aAAa,aAAa;AACtD,QAAM,OAAO,aAAa,iBAAiB,iBAAiB,aAAa;AACzE,QAAM,cAAc,cAAc;AAClC,QAAM,YAAY,wBAAwB;AAE1C,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAM,QAAQ,QAAQ;AAAA,MACtB,cAAY;AAAA,MACZ,eAAa,QAAQ,SAAY;AAAA,MACjC,gBAAgB,MAAM,aAAa,IAAI;AAAA,MACvC,gBAAgB,MAAM,aAAa,KAAK;AAAA,MACxC,OAAO,EAAE,OAAO,QAAQ,GAAI,SAAS,CAAC,EAAG;AAAA,MACxC,GAAG;AAAA,MAEH;AAAA,gBAAQ,6CAAC,WAAO,iBAAM,IAAW;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAM,mBAAmB;AAAA,YACzB,QAAQ,kBAAkB,SAAS;AAAA,YACnC,eAAe,kBAAkB,SAAY;AAAA,YAC7C,aAAa,kBAAkB,SAAY;AAAA;AAAA,QAC7C;AAAA,QACC,SAAS,EAAE,QAAQ,CAAC;AAAA,QACpB,aACC,8CAAC,OACC;AAAA,uDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM,MAAM,WAAW,QAAQ,aAAa,aAAY,KAAI;AAAA,UACtF,6CAAC,UAAK,GAAE,oDAAmD,QAAQ,aAAa,aAAY,QAAO,eAAc,SAAQ;AAAA,WAC3H;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEO,SAAS,cAAc,OAAyB;AACrD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAQ,QAAQ;AAAA,QAChB,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,MAAK;AAAA;AAAA,IACP;AAAA,IACA,6CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,QAAO,MAAK,QAAO,QAAQ,QAAQ,QAAQ,eAAc,QAAO,aAAY,KAAI;AAAA,KAC5G,GAEJ;AAEJ;AAEO,SAAS,eAAe,OAAyB;AACtD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA,iDAAC,UAAK,GAAE,OAAM,GAAE,OAAM,OAAM,QAAO,QAAO,QAAO,IAAG,OAAM,IAAG,OAAM,QAAQ,QAAQ,QAAQ,aAAY,OAAM,MAAK,QAAO;AAAA,IACzH,6CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,QAAO,QAAQ,QAAQ,QAAQ,aAAY,OAAM,MAAK,QAAO;AAAA,IACvF,6CAAC,YAAO,IAAG,QAAO,IAAG,OAAM,GAAE,OAAM,MAAM,QAAQ,MAAM;AAAA,KACzD,GAEJ;AAEJ;AAEO,SAAS,cAAc,OAAyB;AACrD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAQ,QAAQ;AAAA,QAChB,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,SAAQ;AAAA;AAAA,IACV;AAAA,KACF,GAEJ;AAEJ;AAEO,SAAS,WAAW,OAAyB;AAClD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA,iDAAC,UAAK,GAAE,OAAM,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,OAAM,QAAQ,QAAQ,QAAQ,aAAY,OAAM,MAAK,QAAO;AAAA,IAC1G,6CAAC,UAAK,GAAE,4BAA2B,QAAQ,QAAQ,QAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,MAAK,QAAO;AAAA,KACxI,GAEJ;AAEJ;AAEO,SAAS,cAAc,OAAyB;AACrD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA,iDAAC,UAAK,GAAE,4BAA2B,QAAQ,QAAQ,QAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,MAAK,QAAO;AAAA,IACtI,6CAAC,UAAK,GAAE,mCAAkC,QAAQ,QAAQ,QAAQ,aAAY,OAAM,eAAc,SAAQ,MAAK,QAAO;AAAA,IACtH,6CAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAQ,QAAQ,QAAQ,aAAY,OAAM,MAAK,QAAO,SAAQ,QAAO;AAAA,KAC9H,GAEJ;AAEJ;AAEO,SAAS,aAAa,OAAyB;AACpD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,KAC5D,WAAC,EAAE,QAAQ,MACV,8EACE;AAAA,iDAAC,UAAK,GAAE,mDAAkD,MAAM,QAAQ,MAAM;AAAA,IAC9E,6CAAC,UAAK,GAAE,oBAAmB,QAAQ,QAAQ,QAAQ,aAAY,OAAM,eAAc,SAAQ,MAAK,QAAO,SAAQ,OAAM;AAAA,KACvH,GAEJ;AAEJ;AAEO,SAAS,YAAY,OAAyB;AACnD,SACE,6CAAC,oBAAkB,GAAG,OAAO,aAAa,MAAM,eAAe,MAC5D,WAAC,EAAE,QAAQ,MACV,6EACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAM,QAAQ;AAAA;AAAA,EAChB,GACF,GAEJ;AAEJ;","names":["import_jsx_runtime"]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/social/index.ts", "../../../src/components/social/xsocialcontact/XSocialContact.module.css", "../../../src/components/social/xsocialcontact/XSocialContact.tsx", "../../../src/components/social/xsocialcontact/XSocialIcons.tsx"],
+  "sourcesContent": ["export {\n  XSocialContact,\n  XTelegramIcon,\n  XInstagramIcon,\n  XWhatsappIcon,\n  XEmailIcon,\n  XLinkedInIcon,\n  XTwitterIcon,\n  XGitHubIcon,\n} from \"./xsocialcontact\";\nexport type { SocialItem, XSocialContactProps, XSocialIconProps } from \"./xsocialcontact\";\n", "/* XSocialContact Styles */\n\n.container {\n    --columns: 3;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n    --alignment: center;\n    --text-align: center;\n    --icon-gap: 1.5rem;\n    --border-radius: 0.5rem;\n    --bg-color: transparent;\n    --icon-color: currentColor;\n    --icon-hover-color: currentColor;\n    --border-color: transparent;\n    --border-width: 0px;\n    --border-style: solid;\n    --text-color: inherit;\n\n    display: grid;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    gap: var(--gap);\n    padding: var(--padding);\n    background-color: var(--bg-color);\n    border: var(--border-width) var(--border-style) var(--border-color);\n    border-radius: var(--border-radius);\n    justify-items: var(--alignment);\n}\n\n/* Size variants */\n.small {\n    --icon-gap: 1rem;\n    --gap: 1rem;\n    --padding: 1rem;\n    --text-size: 0.875rem;\n}\n\n.medium {\n    --icon-gap: 1.5rem;\n    --gap: 1.5rem;\n    --padding: 1.5rem;\n    --text-size: 1rem;\n}\n\n.large {\n    --icon-gap: 2rem;\n    --gap: 2rem;\n    --padding: 2rem;\n    --text-size: 1.125rem;\n}\n\n/* Rows configuration */\n.rows1 {\n    grid-template-rows: auto;\n}\n\n.rows2 {\n    grid-template-rows: repeat(2, auto);\n}\n\n.rows3 {\n    grid-template-rows: repeat(3, auto);\n}\n\n.rows4 {\n    grid-template-rows: repeat(4, auto);\n}\n\n/* Item styling */\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: calc(var(--icon-gap) * 0.5);\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n    color: inherit;\n}\n\n.item:hover {\n    opacity: 0.8;\n}\n\n.iconWrapper {\n    --item-icon-color: var(--icon-color);\n    --item-icon-hover-color: var(--icon-hover-color);\n    \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--icon-gap);\n    height: var(--icon-gap);\n    color: var(--item-icon-color);\n    transition: color 0.2s ease;\n}\n\n.item:hover .iconWrapper {\n    color: var(--item-icon-hover-color);\n}\n\n.text {\n    font-size: var(--text-size);\n    color: var(--text-color);\n    text-align: var(--text-align);\n    word-break: break-word;\n    max-width: 100%;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .container {\n        --columns: 2;\n        --gap: calc(var(--gap) * 0.75);\n        --padding: calc(var(--padding) * 0.75);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: repeat(2, auto);\n    }\n}\n\n@media (max-width: 480px) {\n    .container {\n        --columns: 1;\n        --gap: calc(var(--gap) * 0.5);\n        --padding: calc(var(--padding) * 0.5);\n    }\n    \n    .rows2,\n    .rows3,\n    .rows4 {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n    }\n}\n", "\"use client\";\n\nimport React from \"react\";\nimport styles from \"./XSocialContact.module.css\";\n\nexport interface SocialItem {\n  id: string;\n  href: string;\n  label: string;\n  icon: React.ReactNode;\n  text?: string;\n  iconColor?: string;\n  iconHoverColor?: string;\n}\n\nexport interface XSocialContactProps {\n  items: SocialItem[];\n  columns?: number;\n  rows?: number;\n  size?: \"small\" | \"medium\" | \"large\";\n  alignment?: \"left\" | \"center\" | \"right\";\n  gap?: string;\n  backgroundColor?: string;\n  iconDefaultColor?: string;\n  iconDefaultHoverColor?: string;\n  borderColor?: string;\n  borderWidth?: string;\n  borderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  borderRadius?: \"rounded\" | \"square\";\n  padding?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n  textColor?: string;\n  textSize?: string;\n}\n\nexport default function XSocialContact({\n  items,\n  columns = 3,\n  rows,\n  size = \"medium\",\n  alignment = \"center\",\n  gap,\n  backgroundColor,\n  iconDefaultColor,\n  iconDefaultHoverColor,\n  borderColor,\n  borderWidth,\n  borderStyle = \"solid\",\n  borderRadius = \"rounded\",\n  padding,\n  textAlign = \"center\",\n  textColor,\n  textSize,\n}: XSocialContactProps) {\n  const sizeMap = {\n    small: \"1rem\",\n    medium: \"1.5rem\",\n    large: \"2rem\",\n  } as const;\n\n  const alignmentMap = {\n    left: \"flex-start\",\n    center: \"center\",\n    right: \"flex-end\",\n  } as const;\n\n  const textAlignMap = {\n    left: \"left\",\n    center: \"center\",\n    right: \"right\",\n  } as const;\n\n  const radiusMap = {\n    rounded: \"0.5rem\",\n    square: \"0\",\n  } as const;\n\n  const defaultGap = gap || (size === \"small\" ? \"1rem\" : size === \"medium\" ? \"1.5rem\" : \"2rem\");\n  const defaultPadding =\n    padding || (size === \"small\" ? \"1rem\" : size === \"medium\" ? \"1.5rem\" : \"2rem\");\n  const defaultTextSize = textSize || (size === \"small\" ? \"0.875rem\" : size === \"medium\" ? \"1rem\" : \"1.125rem\");\n\n  const customStyles = {\n    \"--columns\": columns.toString(),\n    \"--gap\": defaultGap,\n    \"--padding\": defaultPadding,\n    \"--text-size\": defaultTextSize,\n    \"--alignment\": alignmentMap[alignment],\n    \"--text-align\": textAlignMap[textAlign],\n    \"--icon-gap\": sizeMap[size],\n    \"--border-radius\": radiusMap[borderRadius],\n    ...(backgroundColor && { \"--bg-color\": backgroundColor }),\n    ...(iconDefaultColor && { \"--icon-color\": iconDefaultColor }),\n    ...(iconDefaultHoverColor && { \"--icon-hover-color\": iconDefaultHoverColor }),\n    ...(borderColor && { \"--border-color\": borderColor }),\n    ...(borderWidth && { \"--border-width\": borderWidth }),\n    ...(textColor && { \"--text-color\": textColor }),\n    \"--border-style\": borderStyle,\n  } as React.CSSProperties;\n\n  let containerClass = styles.container;\n  if (rows) {\n    containerClass += ` ${styles[`rows${rows}`]}`;\n  }\n\n  return (\n    <div\n      className={`${containerClass} ${styles[size]}`}\n      style={customStyles}\n    >\n      {items.map((item) => (\n        <a\n          key={item.id}\n          href={item.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={styles.item}\n          title={item.label}\n          style={{\n            ...(item.iconColor && { \"--item-icon-color\": item.iconColor }),\n            ...(item.iconHoverColor && { \"--item-icon-hover-color\": item.iconHoverColor }),\n          } as React.CSSProperties}\n        >\n          <div className={styles.iconWrapper}>{item.icon}</div>\n          {item.text && <span className={styles.text}>{item.text}</span>}\n        </a>\n      ))}\n    </div>\n  );\n}\n", "\"use client\";\n\nimport React, { useState } from \"react\";\n\nexport interface XSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, \"color\" | \"children\"> {\n  size?: number | string;\n  color?: string;\n  hoverColor?: string;\n  fillColor?: string;\n  hoverFillColor?: string;\n  backgroundColor?: string;\n  badgeColor?: string;\n  badgeBackgroundColor?: string;\n  strokeWidth?: number;\n  showBadge?: boolean;\n  title?: string;\n}\n\ntype IconPalette = {\n  stroke: string;\n  fill: string;\n  badgeStroke: string;\n  badgeFill: string;\n};\n\ntype SocialIconContentProps = {\n  palette: IconPalette;\n};\n\ntype SocialIconRenderer = (props: SocialIconContentProps) => React.ReactNode;\n\nfunction XSocialIconShell({\n  size = 24,\n  color = \"currentColor\",\n  hoverColor,\n  fillColor,\n  hoverFillColor,\n  backgroundColor,\n  badgeColor,\n  badgeBackgroundColor,\n  strokeWidth = 1.8,\n  showBadge = true,\n  title,\n  style,\n  children,\n  ...rest\n}: XSocialIconProps & { children: SocialIconRenderer }) {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const stroke = isHovered && hoverColor ? hoverColor : color;\n  const fill = isHovered && hoverFillColor ? hoverFillColor : fillColor || stroke;\n  const badgeStroke = badgeColor || stroke;\n  const badgeFill = badgeBackgroundColor || \"transparent\";\n\n  const palette = {\n    stroke,\n    fill,\n    badgeStroke,\n    badgeFill,\n  };\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      role={title ? \"img\" : \"presentation\"}\n      aria-label={title}\n      aria-hidden={title ? undefined : true}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      style={{ color: stroke, ...(style ?? {}) }}\n      {...rest}\n    >\n      {title ? <title>{title}</title> : null}\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10.5\"\n        fill={backgroundColor || \"none\"}\n        stroke={backgroundColor ? \"none\" : stroke}\n        strokeOpacity={backgroundColor ? undefined : 0.14}\n        strokeWidth={backgroundColor ? undefined : strokeWidth}\n      />\n      {children({ palette })}\n      {showBadge && (\n        <g>\n          <circle cx=\"18\" cy=\"18\" r=\"2.6\" fill={badgeFill} stroke={badgeStroke} strokeWidth=\"1\" />\n          <path d=\"M17.05 17.05L18.95 18.95M18.95 17.05L17.05 18.95\" stroke={badgeStroke} strokeWidth=\"1.15\" strokeLinecap=\"round\" />\n        </g>\n      )}\n    </svg>\n  );\n}\n\nexport function XTelegramIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.8}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M9.2 12.4l2.15 2.15 5.1-5.1M20.6 4.2L4 12l6.45 1.8 1.8 6.45 2.55-4.2 4.2 2.55 1.6-14.4z\"\n            stroke={palette.stroke}\n            strokeWidth=\"1.8\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            fill=\"none\"\n          />\n          <circle cx=\"12\" cy=\"12\" r=\"9.75\" fill=\"none\" stroke={palette.stroke} strokeOpacity=\"0.18\" strokeWidth=\"1\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XInstagramIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <rect x=\"6.2\" y=\"6.2\" width=\"11.6\" height=\"11.6\" rx=\"3.2\" ry=\"3.2\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3.15\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <circle cx=\"16.3\" cy=\"7.7\" r=\"0.7\" fill={palette.fill} />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XWhatsappIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.5}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M16.72 13.06c-.29-.15-1.71-.84-1.98-.94-.26-.1-.45-.15-.64.14-.19.29-.74.94-.9 1.13-.16.19-.33.22-.62.08-.29-.15-1.23-.45-2.35-1.45-.87-.77-1.45-1.72-1.62-2.01-.16-.29-.02-.45.12-.59.13-.13.29-.33.43-.49.14-.16.18-.28.27-.47.09-.19.04-.36-.02-.51-.07-.15-.64-1.54-.88-2.1-.23-.55-.47-.48-.64-.49-.16-.01-.36-.01-.55-.01-.19 0-.5.07-.76.36-.26.29-1 1.01-1 2.47 0 1.45 1.04 2.85 1.19 3.05.15.19 2.05 3.12 5.2 4.38.73.31 1.3.49 1.74.63.73.23 1.4.2 1.92.12.59-.09 1.71-.7 1.95-1.37.24-.67.24-1.25.17-1.37-.07-.11-.26-.18-.55-.32z\"\n            fill={palette.fill}\n          />\n          <path\n            d=\"M12 3.2C7.13 3.2 3.2 7.13 3.2 12c0 1.56.41 3.02 1.13 4.29L3.2 20.8l4.59-1.09A8.77 8.77 0 0 0 12 20.8c4.87 0 8.8-3.93 8.8-8.8s-3.93-8.8-8.8-8.8z\"\n            stroke={palette.stroke}\n            strokeWidth=\"1.2\"\n            fill=\"none\"\n            opacity=\"0.18\"\n          />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XEmailIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <rect x=\"4.5\" y=\"7\" width=\"15\" height=\"10\" rx=\"1.4\" stroke={palette.stroke} strokeWidth=\"1.6\" fill=\"none\" />\n          <path d=\"M4.6 7.1l7.4 5.5 7.4-5.5\" stroke={palette.stroke} strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XLinkedInIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <path d=\"M8.1 9.1l2.6 2.6 4.1-4.1\" stroke={palette.stroke} strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\" />\n          <path d=\"M6.8 10.2c1.6-1.6 4.3-1.6 5.9 0\" stroke={palette.stroke} strokeWidth=\"1.6\" strokeLinecap=\"round\" fill=\"none\" />\n          <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\" ry=\"3\" stroke={palette.stroke} strokeWidth=\"1.4\" fill=\"none\" opacity=\"0.12\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XTwitterIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.6}>\n      {({ palette }) => (\n        <>\n          <path d=\"M7 4l7 8.7L7 21h2.2l7-8.7L21 4h-2.2l-7 8.7L7 4z\" fill={palette.fill} />\n          <path d=\"M8 4h2.2l6.2 7.7\" stroke={palette.stroke} strokeWidth=\"1.2\" strokeLinecap=\"round\" fill=\"none\" opacity=\"0.2\" />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n\nexport function XGitHubIcon(props: XSocialIconProps) {\n  return (\n    <XSocialIconShell {...props} strokeWidth={props.strokeWidth ?? 1.35}>\n      {({ palette }) => (\n        <>\n          <path\n            d=\"M12 2c5.52 0 10 4.48 10 10 0 4.42-2.87 8.17-6.84 9.49.5.09.68-.22.68-.48 0-.24-.01-.87-.01-1.7 2.78.6 3.37-1.34 3.37-1.34.45-1.16 1.11-1.46 1.11-1.46.91-.62-.07-.61-.07-.61-1 .07-1.53 1.03-1.53 1.03-.89 1.53-2.34 1.54-2.91 1.19-.09-.92-.35-1.54-.63-1.9 2.22-.25 4.55-1.11 4.55-4.94 0-1.09-.39-1.98-1.03-2.68.1-.25.45-1.27-.1-2.65 0 0-.84-.27-2.75 1.03A9.58 9.58 0 0 0 12 6.84c-.85 0-1.7.12-2.51.34-1.91-1.3-2.75-1.03-2.75-1.03-.54 1.38-.2 2.4-.1 2.65-.63.7-1.03 1.59-1.03 2.68 0 3.84 2.33 4.69 4.54 4.94-.29.36-.55.97-.64 1.9-.57.35-2.02.34-2.91-1.19 0 0-.52-.96-1.53-1.03 0 0-.98-.01-.07.61 0 0 .66.3 1.11 1.46 0 0 .59 1.94 3.37 1.34 0 .83-.01 1.46-.01 1.7 0 .26.18.57.68.48C5.87 20.17 3 16.42 3 12 3 6.48 7.48 2 12 2z\"\n            fill={palette.fill}\n          />\n        </>\n      )}\n    </XSocialIconShell>\n  );\n}\n"],
+  "mappings": "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",
+  "names": ["container", "small", "medium", "large", "rows1", "rows2", "rows3", "rows4", "item", "iconWrapper", "text", "import_jsx_runtime"]
+}

package/dist/components/social/index.mjs

@@ -7,7 +7,7 @@ import {
   XTelegramIcon,
   XTwitterIcon,
   XWhatsappIcon
-} from "../../chunk-U27ZVCP7.mjs";
+} from "../../chunk-2H7TVDE7.mjs";
 export {
   XEmailIcon,
   XGitHubIcon,
@@ -18,4 +18,4 @@ export {
   XTwitterIcon,
   XWhatsappIcon
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/social/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/social/xsocialcontact/XSocialContact.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+export interface SocialItem {
+    id: string;
+    href: string;
+    label: string;
+    icon: React.ReactNode;
+    text?: string;
+    iconColor?: string;
+    iconHoverColor?: string;
+}
+export interface XSocialContactProps {
+    items: SocialItem[];
+    columns?: number;
+    rows?: number;
+    size?: "small" | "medium" | "large";
+    alignment?: "left" | "center" | "right";
+    gap?: string;
+    backgroundColor?: string;
+    iconDefaultColor?: string;
+    iconDefaultHoverColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    borderStyle?: "solid" | "dashed" | "dotted";
+    borderRadius?: "rounded" | "square";
+    padding?: string;
+    textAlign?: "left" | "center" | "right";
+    textColor?: string;
+    textSize?: string;
+}
+export default function XSocialContact({ items, columns, rows, size, alignment, gap, backgroundColor, iconDefaultColor, iconDefaultHoverColor, borderColor, borderWidth, borderStyle, borderRadius, padding, textAlign, textColor, textSize, }: XSocialContactProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/social/xsocialcontact/XSocialIcons.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface XSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, "color" | "children"> {
+    size?: number | string;
+    color?: string;
+    hoverColor?: string;
+    fillColor?: string;
+    hoverFillColor?: string;
+    backgroundColor?: string;
+    badgeColor?: string;
+    badgeBackgroundColor?: string;
+    strokeWidth?: number;
+    showBadge?: boolean;
+    title?: string;
+}
+export declare function XTelegramIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XInstagramIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XWhatsappIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XEmailIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XLinkedInIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XTwitterIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function XGitHubIcon(props: XSocialIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/social/xsocialcontact/index.d.ts

@@ -0,0 +1,5 @@
+export { default as XSocialContact } from "./XSocialContact";
+export { default } from "./XSocialContact";
+export type { SocialItem, XSocialContactProps } from "./XSocialContact";
+export { XTelegramIcon, XInstagramIcon, XWhatsappIcon, XEmailIcon, XLinkedInIcon, XTwitterIcon, XGitHubIcon, } from "./XSocialIcons";
+export type { XSocialIconProps } from "./XSocialIcons";