thread-ui 0.7.8 → 0.7.9

package/dist/components/media/info-card/info-card.d.ts

@@ -1,13 +1,13 @@
 import { InfoCardProps } from './info-card.types';
 /**
- * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
+ * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and external SVGs.
  *
  * @example
- * <InfoCard
- *   title="Getting Started"
- *   url="/docs/getting-started"
- *   icon="BookOpen"
- *   img="/images/cover.jpg"
- * />
+ * // Named icon
+ * <InfoCard title="Getting Started" url="/docs" icon="BookOpen" img="/cover.jpg" />
+ *
+ * @example
+ * // Emoji
+ * <InfoCard title="Recipes" url="/recipes" icon={{ type: 'emoji', emoji: '🍋' }} img="/cover.jpg" />
  */
 export declare const InfoCard: ({ title, url, icon, img }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/media/info-card/info-card.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '../../../components/ui';
 import { css, cx } from '../../../styled-system/css';
 import { Text } from '../../../components/typography';
+import { DynamicIcon } from '../../../internal-components';
 const styles = {
     card: css({
         margin: 'auto',
@@ -48,30 +48,17 @@ const styles = {
     }),
 };
 /**
- * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
+ * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and external SVGs.
  *
  * @example
- * <InfoCard
- *   title="Getting Started"
- *   url="/docs/getting-started"
- *   icon="BookOpen"
- *   img="/images/cover.jpg"
- * />
+ * // Named icon
+ * <InfoCard title="Getting Started" url="/docs" icon="BookOpen" img="/cover.jpg" />
+ *
+ * @example
+ * // Emoji
+ * <InfoCard title="Recipes" url="/recipes" icon={{ type: 'emoji', emoji: '🍋' }} img="/cover.jpg" />
  */
 export const InfoCard = ({ title, url, icon, img }) => {
-    const renderIcon = () => {
-        if (!icon) {
-            return;
-        }
-        if (typeof icon === 'string') {
-            return _jsx(Icon, { name: icon, size: 24 });
-        }
-        else if (icon.type === 'svg' && icon.content) {
-            return (_jsx("img", { height: 24, width: 24, src: icon.content, onError: (e) => {
-                    e.currentTarget.style.display = 'none';
-                } }));
-        }
-    };
-    return (_jsxs("a", { href: url, className: cx(styles.cardContent, styles.link, styles.card), children: [_jsx("div", { className: styles.imageWrapper, children: _jsx("img", { className: styles.image, src: img, alt: "Article Cover Image" }) }), _jsxs("div", { className: styles.caption, children: [renderIcon(), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
+    return (_jsxs("a", { href: url, className: cx(styles.cardContent, styles.link, styles.card), children: [_jsx("div", { className: styles.imageWrapper, children: _jsx("img", { className: styles.image, src: img, alt: "Article Cover Image" }) }), _jsxs("div", { className: styles.caption, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
 };
 //# sourceMappingURL=info-card.js.map

package/dist/components/media/info-card/info-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,GAAG;IACd,IAAI,EAAE,GAAG,CAAC;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE;KAC1D,CAAC;IACF,WAAW,EAAE,GAAG,CAAC;QAChB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACvB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,MAAM,EAAE,SAAS;KACjB,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,GAAG;KACd,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;KAClB,CAAC;IACF,OAAO,EAAE,GAAG,CAAC;QACZ,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,GAAG;QACR,cAAc,EAAE,YAAY;QAC5B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC;KACb,CAAC;CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAiB,EAAE,EAAE;IACpE,OAAO,CACN,aAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,aACxE,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,qBAAqB,GAAG,GAC/D,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,QAAC,MAAM,kBAC7B,KAAK,GACA,IACF,IACH,CACJ,CAAC;AACH,CAAC,CAAC"}

package/dist/components/media/info-card/info-card.types.d.ts

@@ -1,4 +1,4 @@
-import { IconNames } from '../../../components/ui';
+import { DynamicIconProps } from '../../../internal-components';
 export type InfoCardProps = {
     /** Card title displayed in the caption bar */
     title: string;
@@ -11,10 +11,7 @@ export type InfoCardProps = {
      * icon={{ type: 'emoji', content: '1F4C4' }}
      * icon={{ type: 'svg', content: '/icons/article.svg' }}
      */
-    icon?: IconNames | {
-        type: 'emoji' | 'svg';
-        content: string;
-    };
+    icon?: DynamicIconProps['icon'];
     /** Cover image URL displayed in the card */
     img: string;
 };

package/dist/internal-components/dynamic-icon/dynamic-icon.d.ts

@@ -0,0 +1,2 @@
+import { DynamicIconProps } from './dynamic-icon.types';
+export declare const DynamicIcon: ({ icon, size }: DynamicIconProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/internal-components/dynamic-icon/dynamic-icon.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '../../components';
+const emoji = (code) => {
+    if (code.codePointAt(0) > 255)
+        return code;
+    return String.fromCodePoint(parseInt(code.replace('U+', ''), 16));
+};
+export const DynamicIcon = ({ icon, size = 24 }) => {
+    if (!icon)
+        return;
+    if (typeof icon === 'string') {
+        return _jsx(Icon, { name: icon, size: size });
+    }
+    else {
+        if (icon.type === 'emoji') {
+            return (_jsx("span", { role: "image", style: { height: size, width: size }, children: emoji(icon.emoji) }));
+        }
+        if (icon.type === 'external') {
+            return (_jsx("img", { height: size, width: size, src: icon.external.url, onError: (e) => {
+                    e.currentTarget.style.display = 'none';
+                } }));
+        }
+        if (icon.type === 'icon')
+            return;
+    }
+};
+//# sourceMappingURL=dynamic-icon.js.map

package/dist/internal-components/dynamic-icon/dynamic-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-icon.js","sourceRoot":"","sources":["../../../src/internal-components/dynamic-icon/dynamic-icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE;IAC9B,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAE,GAAG,GAAG;QAAE,OAAO,IAAI,CAAC;IAC5C,OAAO,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAoB,EAAE,EAAE;IACpE,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACzC,CAAC;SAAM,CAAC;QACP,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC3B,OAAO,CACN,eAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,YACrD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GACZ,CACP,CAAC;QACH,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC9B,OAAO,CACN,cACC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACxC,CAAC,GACA,CACF,CAAC;QACH,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAAE,OAAO;IAClC,CAAC;AACF,CAAC,CAAC"}

package/dist/internal-components/dynamic-icon/dynamic-icon.types.d.ts

@@ -0,0 +1,6 @@
+import { IconNames, IconSizes } from '../../components';
+import { NotionIcon } from '../../types';
+export type DynamicIconProps = {
+    icon?: IconNames | NotionIcon;
+    size?: IconSizes;
+};

package/dist/internal-components/dynamic-icon/dynamic-icon.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dynamic-icon.types.js.map

package/dist/internal-components/dynamic-icon/dynamic-icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-icon.types.js","sourceRoot":"","sources":["../../../src/internal-components/dynamic-icon/dynamic-icon.types.ts"],"names":[],"mappings":""}

package/dist/internal-components/dynamic-icon/index.d.ts

@@ -0,0 +1,2 @@
+export type { DynamicIconProps } from './dynamic-icon.types';
+export { DynamicIcon } from './dynamic-icon';

package/dist/internal-components/dynamic-icon/index.js

@@ -0,0 +1,2 @@
+export { DynamicIcon } from './dynamic-icon';
+//# sourceMappingURL=index.js.map

package/dist/internal-components/dynamic-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal-components/dynamic-icon/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/internal-components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './conditional-wrapper';
+export * from './dynamic-icon';
 export * from './image';
 export * from './link-wrapper';
 export * from './optional-icon-button';

package/dist/internal-components/index.js

@@ -1,5 +1,6 @@
 // Export Internal Components
 export * from './conditional-wrapper';
+export * from './dynamic-icon';
 export * from './image';
 export * from './link-wrapper';
 export * from './optional-icon-button';

package/dist/internal-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}

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

@@ -1,2 +1,3 @@
 export type { DeepPartial } from './deep-partial.types';
 export type { Override, Prettify } from './type-production.types';
+export type { NotionIcon } from './notion-icon.types';

package/dist/types/utility/notion-icon.types.d.ts

@@ -0,0 +1,15 @@
+export type NotionIcon = {
+    type: 'emoji';
+    emoji: string;
+} | {
+    type: 'external';
+    external: {
+        url: string;
+    };
+} | {
+    type: 'icon';
+    icon: {
+        name: string;
+        color: string;
+    };
+};

package/dist/types/utility/notion-icon.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=notion-icon.types.js.map

package/dist/types/utility/notion-icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notion-icon.types.js","sourceRoot":"","sources":["../../../src/types/utility/notion-icon.types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "thread-ui",
-	"version": "0.7.8",
+	"version": "0.7.9",
 	"author": "Andrew Fisher",
 	"description": "UI Library for React Applications.",
 	"license": "MIT",