@kids-reporter/routing-ui 0.1.0-alpha.1

package/dist/styles.css

@@ -0,0 +1,475 @@
+/* Tailwind v4 Theme Configuration */
+@theme {
+  /* Colors - Neutral */
+  --color-neutral-white: #ffffff;
+  --color-neutral-100: #f8f8f8;
+  --color-neutral-200: #eaeaea;
+  --color-neutral-300: #d9d9d9;
+  --color-neutral-400: #c6c6c6;
+  --color-neutral-500: #a3a3a3;
+  --color-neutral-600: #8e8e8e;
+  --color-neutral-700: #575757;
+  --color-neutral-800: #3b3b3b;
+  --color-neutral-900: #232323;
+  --color-neutral-black: #000000;
+  --color-neutral-border: #00000026;
+
+  /* Colors - Brand Red */
+  --color-red-100: #fff0f2;
+  --color-red-200: #ffc4ca;
+  --color-red-300: #ff98a2;
+  --color-red-400: #f76977;
+  --color-red-500: #bd4450;
+  --color-red-600: #a0343e;
+  --color-red-700: #82262f;
+  --color-red-800: #651a22;
+
+  /* Colors - Brand Blue */
+  --color-blue-100: #e9f8ff;
+  --color-blue-200: #b9e8ff;
+  --color-blue-300: #89d9ff;
+  --color-blue-400: #27b3f5;
+  --color-blue-500: #1696d3;
+  --color-blue-600: #087bb1;
+  --color-blue-700: #00618f;
+  --color-blue-800: #004a6d;
+
+  /* Colors - Brand Yellow */
+  --color-yellow-100: #fff9ec;
+  --color-yellow-200: #ffedc2;
+  --color-yellow-300: #ffe197;
+  --color-yellow-400: #f8c341;
+  --color-yellow-500: #d6a52d;
+  --color-yellow-600: #b4881d;
+  --color-yellow-700: #926c10;
+  --color-yellow-800: #705207;
+
+  /* Typography - Font Families */
+  --font-family-noto: 'Noto Sans TC', sans-serif;
+  --font-family-swei: 'SweiMarkerSansCJKtc-Regular', sans-serif;
+
+  /* Typography - Font Sizes */
+  --font-size-h1-large: 48px;
+  --font-size-h2-large: 40px;
+  --font-size-h3-large: 32px;
+  --font-size-h4-large: 28px;
+  --font-size-h5-large: 22px;
+  --font-size-h6-large: 18px;
+
+  --font-size-h1-small: 28px;
+  --font-size-h2-small: 24px;
+  --font-size-h3-small: 22px;
+  --font-size-h4-small: 18px;
+  --font-size-h5-small: 17px;
+  --font-size-h6-small: 16px;
+
+  --font-size-p1: 16px;
+  --font-size-p2: 14px;
+  --font-size-p3: 12px;
+  --font-size-p4: 10px;
+
+  /* Typography - Line Heights */
+  --line-height-tight: 1.25;
+  --line-height-normal: 1.6;
+  --line-height-relaxed: 1.75;
+
+  /* Typography - Letter Spacing */
+  --letter-spacing-wide: 0.05em;
+
+  /* Spacing - Grid System */
+  --spacing-grid-xs: 4px;
+  --spacing-grid-sm: 8px;
+  --spacing-grid-md: 16px;
+  --spacing-grid-lg: 24px;
+  --spacing-grid-xl: 32px;
+  --spacing-grid-2xl: 48px;
+  --spacing-grid-3xl: 64px;
+  --spacing-grid-4xl: 96px;
+  --spacing-grid-5xl: 128px;
+
+  /* Container Widths */
+  --container-mobile: 375px;
+  --container-tablet: 768px;
+  --container-desktop: 1024px;
+  --container-hd: 1440px;
+
+  /* Grid Gutters */
+  --gutter-mobile: 16px;
+  --gutter-tablet: 24px;
+  --gutter-desktop: 32px;
+  --gutter-hd: 32px;
+
+  /* Margins */
+  --margin-mobile: 24px;
+  --margin-tablet: 32px;
+  --margin-desktop: 48px;
+  --margin-hd: 120px;
+
+  /* Responsive Breakpoints */
+  --breakpoint-mobile: 375px;
+  --breakpoint-tablet: 768px;
+  --breakpoint-desktop: 1024px;
+  --breakpoint-hd: 1440px;
+
+  /* Header */
+  --mobile-header-height: 64px;
+
+  /* Legacy variables for backward compatibility */
+  --fontFamily: var(--font-family-noto);
+  --max-width: 1100px;
+  --border-radius: 12px;
+
+  /* Updated color palette using design system */
+  --paletteColor1: var(--color-blue-400);
+  --paletteColor2: var(--color-blue-600);
+  --paletteColor3: var(--color-neutral-gray-700);
+  --paletteColor4: var(--color-neutral-gray-900);
+  --paletteColor5: var(--color-red-400);
+  --paletteColor6: var(--color-yellow-400);
+  --paletteColor7: var(--color-neutral-gray-200);
+  --paletteColor8: var(--color-neutral-white);
+  --color: var(--paletteColor3);
+}
+
+/* Design System CSS Variables for compatibility */
+@layer base {
+  :root {
+    /* Colors - Neutral */
+    --color-neutral-white: #ffffff;
+    --color-neutral-gray-100: #f8f8f8;
+    --color-neutral-gray-200: #eaeaea;
+    --color-neutral-gray-300: #d9d9d9;
+    --color-neutral-gray-400: #c6c6c6;
+    --color-neutral-gray-500: #a3a3a3;
+    --color-neutral-gray-600: #8e8e8e;
+    --color-neutral-gray-700: #575757;
+    --color-neutral-gray-800: #3b3b3b;
+    --color-neutral-gray-900: #232323;
+    --color-neutral-black: #000000;
+    --color-neutral-border: #00000026;
+
+    /* Colors - Brand Red */
+    --color-red-100: #fff0f2;
+    --color-red-200: #ffc4ca;
+    --color-red-300: #ff98a2;
+    --color-red-400: #f76977;
+    --color-red-500: #bd4450;
+    --color-red-600: #a0343e;
+    --color-red-700: #82262f;
+    --color-red-800: #651a22;
+
+    /* Colors - Brand Blue */
+    --color-blue-100: #e9f8ff;
+    --color-blue-200: #b9e8ff;
+    --color-blue-300: #89d9ff;
+    --color-blue-400: #27b3f5;
+    --color-blue-500: #1696d3;
+    --color-blue-600: #087bb1;
+    --color-blue-700: #00618f;
+    --color-blue-800: #004a6d;
+
+    /* Colors - Brand Yellow */
+    --color-yellow-100: #fff9ec;
+    --color-yellow-200: #ffedc2;
+    --color-yellow-300: #ffe197;
+    --color-yellow-400: #f8c341;
+    --color-yellow-500: #d6a52d;
+    --color-yellow-600: #b4881d;
+    --color-yellow-700: #926c10;
+    --color-yellow-800: #705207;
+
+    /* Typography - Font Families */
+    --font-family-noto: 'Noto Sans TC', sans-serif;
+    --font-family-swei: 'SweiMarkerSansCJKtc-Regular', sans-serif;
+
+    /* Typography - Font Sizes */
+    --font-size-h1-large: 48px;
+    --font-size-h2-large: 40px;
+    --font-size-h3-large: 32px;
+    --font-size-h4-large: 28px;
+    --font-size-h5-large: 22px;
+    --font-size-h6-large: 18px;
+
+    --font-size-h1-small: 28px;
+    --font-size-h2-small: 24px;
+    --font-size-h3-small: 22px;
+    --font-size-h4-small: 18px;
+    --font-size-h5-small: 17px;
+    --font-size-h6-small: 16px;
+
+    --font-size-p1: 16px;
+    --font-size-p2: 14px;
+    --font-size-p3: 12px;
+    --font-size-p4: 10px;
+
+    /* Typography - Line Heights */
+    --line-height-tight: 1.25;
+    --line-height-normal: 1.6;
+    --line-height-relaxed: 1.75;
+
+    /* Typography - Letter Spacing */
+    --letter-spacing-wide: 0.05em;
+
+    /* Spacing - Grid System */
+    --spacing-grid-xs: 4px;
+    --spacing-grid-sm: 8px;
+    --spacing-grid-md: 16px;
+    --spacing-grid-lg: 24px;
+    --spacing-grid-xl: 32px;
+    --spacing-grid-2xl: 48px;
+    --spacing-grid-3xl: 64px;
+    --spacing-grid-4xl: 96px;
+    --spacing-grid-5xl: 128px;
+
+    /* Container Widths */
+    --container-mobile: 375px;
+    --container-tablet: 768px;
+    --container-desktop: 1024px;
+    --container-hd: 1440px;
+
+    /* Grid Gutters */
+    --gutter-mobile: 16px;
+    --gutter-tablet: 24px;
+    --gutter-desktop: 32px;
+    --gutter-hd: 32px;
+
+    /* Margins */
+    --margin-mobile: 24px;
+    --margin-tablet: 32px;
+    --margin-desktop: 48px;
+    --margin-hd: 120px;
+
+    /* Responsive Breakpoints */
+    --breakpoint-mobile: 375px;
+    --breakpoint-tablet: 768px;
+    --breakpoint-desktop: 1024px;
+    --breakpoint-hd: 1440px;
+
+    /* Header */
+    --mobile-header-height: 64px;
+
+    /* Legacy variables for backward compatibility */
+    --fontFamily: var(--font-family-noto);
+    --max-width: 1100px;
+    --border-radius: 12px;
+
+    /* Updated color palette using design system */
+    --paletteColor1: var(--color-blue-400);
+    --paletteColor2: var(--color-blue-600);
+    --paletteColor3: var(--color-neutral-gray-700);
+    --paletteColor4: var(--color-neutral-gray-900);
+    --paletteColor5: var(--color-red-400);
+    --paletteColor6: var(--color-yellow-400);
+    --paletteColor7: var(--color-neutral-gray-200);
+    --paletteColor8: var(--color-neutral-white);
+    --color: var(--paletteColor3);
+  }
+}
+
+@layer utilities {
+  /* Typography Utilities - Headlines Large */
+  .prose-h1-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h1-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h2-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h2-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h3-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h3-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h4-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h4-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h5-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h5-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h6-large {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h6-large);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  /* Typography Utilities - Headlines Small */
+  .prose-h1-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h1-small);
+    font-weight: 700;
+    line-height: var(--line-height-tight);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h2-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h2-small);
+    font-weight: 700;
+    line-height: var(--line-height-tight);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h3-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h3-small);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h4-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h4-small);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h5-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h5-small);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-h6-small {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-h6-small);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  /* Typography Utilities - Paragraphs */
+  .prose-p1 {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p1);
+    font-weight: 500;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p1-bold {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p1);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p2 {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p2);
+    font-weight: 500;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p2-bold {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p2);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p3 {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p3);
+    font-weight: 500;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p3-bold {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p3);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p4 {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p4);
+    font-weight: 500;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .prose-p4-bold {
+    font-family: var(--font-family-noto);
+    font-size: var(--font-size-p4);
+    font-weight: 700;
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  /* Swei Marker Sans Font Variants */
+  .font-swei {
+    font-family: var(--font-family-swei);
+  }
+
+  /* Theme Color Utilities */
+  .theme-red {
+    --theme-color: var(--color-red-400);
+  }
+  .theme-yellow {
+    --theme-color: var(--color-yellow-400);
+  }
+  .theme-blue {
+    --theme-color: var(--color-blue-400);
+  }
+
+  /* Custom Scrollbar Utilities */
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-neutral-gray-300) transparent;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb {
+    background: transparent;
+    border-radius: 3px;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
+    background: transparent;
+  }
+
+  body.no-scroll {
+    overflow: hidden;
+  }
+}

package/dist/types/index.d.ts

@@ -0,0 +1,10 @@
+export type MenuItem = {
+    label: string;
+    href: string;
+    subItems?: MenuItem[];
+    external?: boolean;
+    showIcon?: boolean;
+    icon?: React.ReactNode;
+};
+export type SocialMediaHrefs = readonly string[];
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,MAAM,EAAE,CAAA"}

package/dist/types/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["export type MenuItem = {\n  label: string\n  href: string\n  subItems?: MenuItem[]\n  external?: boolean\n  showIcon?: boolean\n  icon?: React.ReactNode\n}\n\nexport type SocialMediaHrefs = readonly string[]\n"],"mappings":""}

package/dist/utils/cn.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue } from 'clsx';
+/**
+ * Combines clsx and tailwind-merge for optimal class merging.
+ * @param inputs - Class names or conditional class values.
+ * @returns A single string with merged class names.
+ */
+export declare const cn: (...inputs: ClassValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAiCvC;;;;GAIG;AACH,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,MAE5C,CAAA"}

package/dist/utils/cn.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cn = void 0;
+var _clsx = require("clsx");
+var _tailwindMerge = require("tailwind-merge");
+const twMerge = (0, _tailwindMerge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      // Add custom prose classes in font-size group since we follow the design system
+      'font-size': ['prose-p1', 'prose-p1-bold', 'prose-p2', 'prose-p2-bold', 'prose-p3', 'prose-p3-bold', 'prose-p4', 'prose-p4-bold', 'prose-h1-large', 'prose-h2-large', 'prose-h3-large', 'prose-h4-large', 'prose-h5-large', 'prose-h6-large', 'prose-h1-small', 'prose-h2-small', 'prose-h3-small', 'prose-h4-small', 'prose-h5-small', 'prose-h6-small']
+    }
+  }
+});
+
+/**
+ * Combines clsx and tailwind-merge for optimal class merging.
+ * @param inputs - Class names or conditional class values.
+ * @returns A single string with merged class names.
+ */
+const cn = (...inputs) => {
+  return twMerge((0, _clsx.clsx)(inputs));
+};
+exports.cn = cn;
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":["_clsx","require","_tailwindMerge","twMerge","extendTailwindMerge","extend","classGroups","cn","inputs","clsx","exports"],"sources":["../../src/utils/cn.ts"],"sourcesContent":["import { ClassValue, clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      // Add custom prose classes in font-size group since we follow the design system\n      'font-size': [\n        'prose-p1',\n        'prose-p1-bold',\n        'prose-p2',\n        'prose-p2-bold',\n        'prose-p3',\n        'prose-p3-bold',\n        'prose-p4',\n        'prose-p4-bold',\n        'prose-h1-large',\n        'prose-h2-large',\n        'prose-h3-large',\n        'prose-h4-large',\n        'prose-h5-large',\n        'prose-h6-large',\n        'prose-h1-small',\n        'prose-h2-small',\n        'prose-h3-small',\n        'prose-h4-small',\n        'prose-h5-small',\n        'prose-h6-small',\n      ],\n    },\n  },\n})\n\n/**\n * Combines clsx and tailwind-merge for optimal class merging.\n * @param inputs - Class names or conditional class values.\n * @returns A single string with merged class names.\n */\nexport const cn = (...inputs: ClassValue[]): string => {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,MAAME,OAAO,GAAG,IAAAC,kCAAmB,EAAC;EAClCC,MAAM,EAAE;IACNC,WAAW,EAAE;MACX;MACA,WAAW,EAAE,CACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,eAAe,EACf,UAAU,EACV,eAAe,EACf,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB;IAEpB;EACF;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACO,MAAMC,EAAE,GAAGA,CAAC,GAAGC,MAAoB,KAAa;EACrD,OAAOL,OAAO,CAAC,IAAAM,UAAI,EAACD,MAAM,CAAC,CAAC;AAC9B,CAAC;AAAAE,OAAA,CAAAH,EAAA,GAAAA,EAAA"}

package/dist/utils/generate-social-media-config.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react';
+import { SocialMediaHrefs } from '../types';
+export type SocialMediaConfig = {
+    label: string;
+    href: string;
+    icon: (() => JSX.Element) | null;
+};
+export declare function generateSocialMediaConfig(socialMediaHrefs: SocialMediaHrefs): SocialMediaConfig[];
+//# sourceMappingURL=generate-social-media-config.d.ts.map

package/dist/utils/generate-social-media-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-social-media-config.d.ts","sourceRoot":"","sources":["../../src/utils/generate-social-media-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAU3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;CACjC,CAAA;AAED,wBAAgB,yBAAyB,CACvC,gBAAgB,EAAE,gBAAgB,GACjC,iBAAiB,EAAE,CAsDrB"}

package/dist/utils/generate-social-media-config.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSocialMediaConfig = generateSocialMediaConfig;
+var _icons = require("../icons");
+function generateSocialMediaConfig(socialMediaHrefs) {
+  return socialMediaHrefs.map(href => {
+    // Extract domain from URL to determine the social media platform
+    let label = 'Unknown';
+    let icon = null;
+    try {
+      const url = new URL(href);
+      const hostname = url.hostname.toLowerCase();
+
+      // Check for specific patterns
+      if (hostname.includes('facebook.com')) {
+        label = 'Facebook';
+        icon = _icons.FBIcon;
+      } else if (hostname.includes('instagram.com')) {
+        label = 'Instagram';
+        icon = _icons.IGIcon;
+      } else if (hostname.includes('youtube.com') || hostname.includes('youtu.be')) {
+        label = 'YouTube';
+        icon = _icons.YouTubeIcon;
+      } else if (hostname.includes('threads.net') || hostname.includes('threads.com')) {
+        label = 'Threads';
+        icon = _icons.ThreadsIcon;
+      } else if (hostname.includes('medium.com')) {
+        label = 'Medium';
+        icon = _icons.MediumIcon;
+      } else if (href.includes('rss.xml') || href.includes('rss')) {
+        label = 'RSS';
+        icon = _icons.RSSIcon;
+      }
+    } catch {
+      console.warn(`Invalid URL provided: ${href}`);
+    }
+    if (!icon) {
+      console.warn(`No icon found for social media platform: ${label}`);
+      return {
+        label,
+        href,
+        icon: null // or a default icon component
+      };
+    }
+    return {
+      label,
+      href,
+      icon
+    };
+  });
+}
+//# sourceMappingURL=generate-social-media-config.js.map

package/dist/utils/generate-social-media-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-social-media-config.js","names":["_icons","require","generateSocialMediaConfig","socialMediaHrefs","map","href","label","icon","url","URL","hostname","toLowerCase","includes","FBIcon","IGIcon","YouTubeIcon","ThreadsIcon","MediumIcon","RSSIcon","console","warn"],"sources":["../../src/utils/generate-social-media-config.ts"],"sourcesContent":["import { JSX } from 'react'\n\nimport {\n  FBIcon,\n  IGIcon,\n  MediumIcon,\n  RSSIcon,\n  ThreadsIcon,\n  YouTubeIcon,\n} from '../icons'\nimport { SocialMediaHrefs } from '../types'\n\nexport type SocialMediaConfig = {\n  label: string\n  href: string\n  icon: (() => JSX.Element) | null\n}\n\nexport function generateSocialMediaConfig(\n  socialMediaHrefs: SocialMediaHrefs\n): SocialMediaConfig[] {\n  return socialMediaHrefs.map((href) => {\n    // Extract domain from URL to determine the social media platform\n    let label = 'Unknown'\n    let icon = null\n    try {\n      const url = new URL(href)\n      const hostname = url.hostname.toLowerCase()\n\n      // Check for specific patterns\n      if (hostname.includes('facebook.com')) {\n        label = 'Facebook'\n        icon = FBIcon\n      } else if (hostname.includes('instagram.com')) {\n        label = 'Instagram'\n        icon = IGIcon\n      } else if (\n        hostname.includes('youtube.com') ||\n        hostname.includes('youtu.be')\n      ) {\n        label = 'YouTube'\n        icon = YouTubeIcon\n      } else if (\n        hostname.includes('threads.net') ||\n        hostname.includes('threads.com')\n      ) {\n        label = 'Threads'\n        icon = ThreadsIcon\n      } else if (hostname.includes('medium.com')) {\n        label = 'Medium'\n        icon = MediumIcon\n      } else if (href.includes('rss.xml') || href.includes('rss')) {\n        label = 'RSS'\n        icon = RSSIcon\n      }\n    } catch {\n      console.warn(`Invalid URL provided: ${href}`)\n    }\n\n    if (!icon) {\n      console.warn(`No icon found for social media platform: ${label}`)\n      return {\n        label,\n        href,\n        icon: null, // or a default icon component\n      }\n    }\n\n    return {\n      label,\n      href,\n      icon,\n    }\n  })\n}\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAgBO,SAASC,yBAAyBA,CACvCC,gBAAkC,EACb;EACrB,OAAOA,gBAAgB,CAACC,GAAG,CAAEC,IAAI,IAAK;IACpC;IACA,IAAIC,KAAK,GAAG,SAAS;IACrB,IAAIC,IAAI,GAAG,IAAI;IACf,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACJ,IAAI,CAAC;MACzB,MAAMK,QAAQ,GAAGF,GAAG,CAACE,QAAQ,CAACC,WAAW,CAAC,CAAC;;MAE3C;MACA,IAAID,QAAQ,CAACE,QAAQ,CAAC,cAAc,CAAC,EAAE;QACrCN,KAAK,GAAG,UAAU;QAClBC,IAAI,GAAGM,aAAM;MACf,CAAC,MAAM,IAAIH,QAAQ,CAACE,QAAQ,CAAC,eAAe,CAAC,EAAE;QAC7CN,KAAK,GAAG,WAAW;QACnBC,IAAI,GAAGO,aAAM;MACf,CAAC,MAAM,IACLJ,QAAQ,CAACE,QAAQ,CAAC,aAAa,CAAC,IAChCF,QAAQ,CAACE,QAAQ,CAAC,UAAU,CAAC,EAC7B;QACAN,KAAK,GAAG,SAAS;QACjBC,IAAI,GAAGQ,kBAAW;MACpB,CAAC,MAAM,IACLL,QAAQ,CAACE,QAAQ,CAAC,aAAa,CAAC,IAChCF,QAAQ,CAACE,QAAQ,CAAC,aAAa,CAAC,EAChC;QACAN,KAAK,GAAG,SAAS;QACjBC,IAAI,GAAGS,kBAAW;MACpB,CAAC,MAAM,IAAIN,QAAQ,CAACE,QAAQ,CAAC,YAAY,CAAC,EAAE;QAC1CN,KAAK,GAAG,QAAQ;QAChBC,IAAI,GAAGU,iBAAU;MACnB,CAAC,MAAM,IAAIZ,IAAI,CAACO,QAAQ,CAAC,SAAS,CAAC,IAAIP,IAAI,CAACO,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC3DN,KAAK,GAAG,KAAK;QACbC,IAAI,GAAGW,cAAO;MAChB;IACF,CAAC,CAAC,MAAM;MACNC,OAAO,CAACC,IAAI,CAAE,yBAAwBf,IAAK,EAAC,CAAC;IAC/C;IAEA,IAAI,CAACE,IAAI,EAAE;MACTY,OAAO,CAACC,IAAI,CAAE,4CAA2Cd,KAAM,EAAC,CAAC;MACjE,OAAO;QACLA,KAAK;QACLD,IAAI;QACJE,IAAI,EAAE,IAAI,CAAE;MACd,CAAC;IACH;IAEA,OAAO;MACLD,KAAK;MACLD,IAAI;MACJE;IACF,CAAC;EACH,CAAC,CAAC;AACJ"}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './cn';
+export * from './generate-social-media-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA;AACpB,cAAc,gCAAgC,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _cn = require("./cn");
+Object.keys(_cn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cn[key];
+    }
+  });
+});
+var _generateSocialMediaConfig = require("./generate-social-media-config");
+Object.keys(_generateSocialMediaConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _generateSocialMediaConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _generateSocialMediaConfig[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_cn","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_generateSocialMediaConfig"],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './cn'\nexport * from './generate-social-media-config'\n"],"mappings":";;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,GAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,GAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,GAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,0BAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,0BAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,0BAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,0BAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}