@flipdish/ui-library 0.2.1

package/dist/components/atoms/Avatar/index.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var avatarCount = require('./components/avatar-count.cjs');
+var avatarOnlineIndicator = require('./components/avatar-online-indicator.cjs');
+var verifiedTick = require('./components/verified-tick.cjs');
+
+const styles = {
+    xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
+    sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
+    md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
+    lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
+    xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
+    '2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
+};
+const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, }) => {
+    const [isFailed, setIsFailed] = React.useState(false);
+    const canShowImage = src && !isFailed;
+    const renderMainContent = () => {
+        if (canShowImage) {
+            return jsxRuntime.jsx("img", { "data-avatar-img": true, className: "size-full object-cover", src: src, alt: alt, onError: () => setIsFailed(true) });
+        }
+        if (initials) {
+            return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', styles[size].initials), children: initials });
+        }
+        if (PlaceholderIcon) {
+            return jsxRuntime.jsx(PlaceholderIcon, { className: cx.cx('text-fg-quaternary', styles[size].icon) });
+        }
+        return placeholder || jsxRuntime.jsx(uiIcons.User01, { className: cx.cx('text-fg-quaternary', styles[size].icon) });
+    };
+    const renderBadgeContent = () => {
+        if (status) {
+            return jsxRuntime.jsx(avatarOnlineIndicator.AvatarOnlineIndicator, { status: status, size: size });
+        }
+        if (verified) {
+            return jsxRuntime.jsx(verifiedTick.VerifiedTick, { size: size, className: cx.cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px') });
+        }
+        if (count) {
+            return jsxRuntime.jsx(avatarCount.AvatarCount, { count: count });
+        }
+        return badge;
+    };
+    return (jsxRuntime.jsxs("div", { "data-avatar": true, className: cx.cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full', 
+        // Focus styles
+        focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsxRuntime.jsx("div", { className: cx.cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
+                    size !== 'xs' &&
+                    'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
+};
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":"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"}

package/dist/components/atoms/Avatar/index.d.ts

@@ -0,0 +1,65 @@
+import { type FC, type ReactNode } from 'react';
+export interface AvatarProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    className?: string;
+    /**
+     * The class name for the main child of the avatar.
+     */
+    contentClassName?: string;
+    src?: string | null;
+    alt?: string;
+    /**
+     * Display an inner contrast border around the avatar image.
+     */
+    contrastBorder?: boolean;
+    /**
+     * Whether the avatar should be rounded.
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * Display an outer border around the avatar.
+     */
+    border?: boolean;
+    /**
+     * Display a badge (i.e. company logo).
+     */
+    badge?: ReactNode;
+    /**
+     * Display a status indicator.
+     */
+    status?: 'online' | 'offline';
+    /**
+     * Display a verified tick icon.
+     *
+     * @default false
+     */
+    verified?: boolean;
+    /**
+     * Display a count badge.
+     */
+    count?: number;
+    /**
+     * The initials of the user to display if no image is available.
+     */
+    initials?: string;
+    /**
+     * An icon to display if no image is available.
+     */
+    placeholderIcon?: FC<{
+        className?: string;
+    }>;
+    /**
+     * A placeholder to display if no image is available.
+     */
+    placeholder?: ReactNode;
+    /**
+     * Whether the avatar should show a focus ring when the parent group is in focus.
+     * For example, when the avatar is wrapped inside a link.
+     *
+     * @default false
+     */
+    focusable?: boolean;
+}
+export declare const Avatar: ({ size, src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable, rounded, className, contentClassName, }: AvatarProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,MAAM,GAAI,uKAgBpB,WAAW,gCAkEb,CAAC"}

package/dist/components/atoms/Avatar/index.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { User01 } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useState } from 'react';
+import { AvatarCount } from './components/avatar-count.js';
+import { AvatarOnlineIndicator } from './components/avatar-online-indicator.js';
+import { VerifiedTick } from './components/verified-tick.js';
+
+const styles = {
+    xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
+    sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
+    md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
+    lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
+    xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
+    '2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
+};
+const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, }) => {
+    const [isFailed, setIsFailed] = useState(false);
+    const canShowImage = src && !isFailed;
+    const renderMainContent = () => {
+        if (canShowImage) {
+            return jsx("img", { "data-avatar-img": true, className: "size-full object-cover", src: src, alt: alt, onError: () => setIsFailed(true) });
+        }
+        if (initials) {
+            return jsx("span", { className: cx('text-quaternary', styles[size].initials), children: initials });
+        }
+        if (PlaceholderIcon) {
+            return jsx(PlaceholderIcon, { className: cx('text-fg-quaternary', styles[size].icon) });
+        }
+        return placeholder || jsx(User01, { className: cx('text-fg-quaternary', styles[size].icon) });
+    };
+    const renderBadgeContent = () => {
+        if (status) {
+            return jsx(AvatarOnlineIndicator, { status: status, size: size });
+        }
+        if (verified) {
+            return jsx(VerifiedTick, { size: size, className: cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px') });
+        }
+        if (count) {
+            return jsx(AvatarCount, { count: count });
+        }
+        return badge;
+    };
+    return (jsxs("div", { "data-avatar": true, className: cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full', 
+        // Focus styles
+        focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsx("div", { className: cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
+                    size !== 'xs' &&
+                    'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
+};
+
+export { Avatar };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/atoms/Badge/badge.types.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const badgeTypes = {
+    pillColor: 'pill-color',
+    badgeColor: 'color',
+    badgeModern: 'modern',
+};
+
+exports.badgeTypes = badgeTypes;
+//# sourceMappingURL=badge.types.cjs.map

package/dist/components/atoms/Badge/badge.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.cjs","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAiQO,MAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,WAAW,EAAE,QAAQ;;;;;"}

package/dist/components/atoms/Badge/badge.types.d.ts

@@ -0,0 +1,22 @@
+export type IconComponentType = React.FunctionComponent<{
+    className?: string;
+    strokeWidth?: string | number;
+}>;
+export type Sizes = 'sm' | 'md' | 'lg';
+export type BadgeColors = 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'slate' | 'sky' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+export type FlagTypes = 'AD' | 'AE' | 'AF' | 'AG' | 'AI' | 'AL' | 'AM' | 'AO' | 'AR' | 'AS' | 'AT' | 'AU' | 'AW' | 'AX' | 'AZ' | 'BA' | 'BB' | 'BD' | 'BE' | 'BF' | 'BG' | 'BH' | 'BI' | 'BJ' | 'BL' | 'BM' | 'BN' | 'BO' | 'BQ-1' | 'BQ-2' | 'BQ' | 'BR' | 'BS' | 'BT' | 'BW' | 'BY' | 'BZ' | 'CA' | 'CC' | 'CD-1' | 'CD' | 'CF' | 'CH' | 'CK' | 'CL' | 'CM' | 'CN' | 'CO' | 'CR' | 'CU' | 'CW' | 'CX' | 'CY' | 'CZ' | 'DE' | 'DJ' | 'DK' | 'DM' | 'DO' | 'DS' | 'DZ' | 'earth' | 'EC' | 'EE' | 'EG' | 'EH' | 'ER' | 'ES' | 'ET' | 'FI' | 'FJ' | 'FK' | 'FM' | 'FO' | 'FR' | 'GA' | 'GB-2' | 'GB' | 'GD' | 'GE' | 'GG' | 'GH' | 'GI' | 'GL' | 'GM' | 'GN' | 'GQ' | 'GR' | 'GT' | 'GU' | 'GW' | 'GY' | 'HK' | 'HN' | 'HR' | 'HT' | 'HU' | 'ID' | 'IE' | 'IL' | 'IM' | 'IN' | 'IO' | 'IQ' | 'IR' | 'IS' | 'IT' | 'JE' | 'JM' | 'JO' | 'JP' | 'KE' | 'KG' | 'KH' | 'KI' | 'KM' | 'KN' | 'KP' | 'KR' | 'KW' | 'KY' | 'KZ' | 'LA' | 'LB' | 'LC' | 'LI' | 'LK' | 'LR' | 'LS' | 'LT' | 'LU' | 'LV' | 'LY' | 'MA' | 'MC' | 'MD' | 'ME' | 'MG' | 'MH' | 'MK' | 'ML' | 'MM' | 'MN' | 'MO' | 'MP' | 'MQ' | 'MR' | 'MS' | 'MT' | 'MU' | 'MV' | 'MW' | 'MX' | 'MY' | 'MZ' | 'NA' | 'NE' | 'NF' | 'NG' | 'NI' | 'NL' | 'NO' | 'NP' | 'NR' | 'NU' | 'NZ' | 'OM' | 'PA' | 'PE' | 'PF' | 'PG' | 'PH' | 'PK' | 'PL' | 'PM' | 'PN' | 'PR' | 'PT' | 'PW' | 'PY' | 'QA' | 'RE' | 'RO' | 'RS' | 'RU' | 'RW' | 'SA' | 'SB' | 'SC' | 'SD' | 'SE' | 'SG' | 'SH' | 'SI' | 'SJ' | 'SK' | 'SL' | 'SM' | 'SN' | 'SO' | 'SR' | 'SS' | 'ST' | 'SV' | 'SX' | 'SY' | 'SZ' | 'TC' | 'TD' | 'TF' | 'TG' | 'TH' | 'TJ' | 'TK' | 'TL' | 'TM' | 'TN' | 'TO' | 'TR' | 'TT' | 'TV' | 'TZ' | 'UA' | 'UG' | 'UM' | 'US' | 'UY' | 'UZ' | 'VA' | 'VC' | 'VE' | 'VG' | 'VI' | 'VN' | 'VU' | 'WF' | 'WS' | 'YE' | 'YT' | 'ZA' | 'ZM' | 'ZW';
+export type ExtractColorKeys<T> = T extends {
+    styles: infer C;
+} ? keyof C : never;
+export type ExtractBadgeKeys<T> = keyof T;
+export type BadgeTypeToColorMap<T> = {
+    [K in ExtractBadgeKeys<T>]: ExtractColorKeys<T[K]>;
+};
+export type BadgeTypeColors<T> = ExtractColorKeys<T[keyof T]>;
+export declare const badgeTypes: {
+    readonly pillColor: "pill-color";
+    readonly badgeColor: "color";
+    readonly badgeModern: "modern";
+};
+export type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/components/atoms/Badge/badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/G,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElJ,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;AAClF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAClC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC"}

package/dist/components/atoms/Badge/badge.types.js

@@ -0,0 +1,8 @@
+const badgeTypes = {
+    pillColor: 'pill-color',
+    badgeColor: 'color',
+    badgeModern: 'modern',
+};
+
+export { badgeTypes };
+//# sourceMappingURL=badge.types.js.map

package/dist/components/atoms/Badge/badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.js","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAiQO,MAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,WAAW,EAAE,QAAQ;;;;;"}

package/dist/components/atoms/Badge/index.cjs

@@ -0,0 +1,274 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Dot = require('@flipdish/ui-library/components/atoms/Dot');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var badge_types = require('./badge.types.cjs');
+
+const filledColors = {
+    gray: {
+        root: 'bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200',
+        addon: 'text-utility-neutral-500',
+        addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
+    },
+    brand: {
+        root: 'bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200',
+        addon: 'text-utility-brand-500',
+        addonButton: 'hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500',
+    },
+    error: {
+        root: 'bg-utility-red-50 text-utility-red-700 ring-utility-red-200',
+        addon: 'text-utility-red-500',
+        addonButton: 'hover:bg-utility-red-100 text-utility-red-400 hover:text-utility-red-500',
+    },
+    warning: {
+        root: 'bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200',
+        addon: 'text-utility-yellow-500',
+        addonButton: 'hover:bg-utility-yellow-100 text-utility-yellow-400 hover:text-utility-yellow-500',
+    },
+    success: {
+        root: 'bg-utility-green-50 text-utility-green-700 ring-utility-green-200',
+        addon: 'text-utility-green-500',
+        addonButton: 'hover:bg-utility-green-100 text-utility-green-400 hover:text-utility-green-500',
+    },
+    slate: {
+        root: 'bg-utility-slate-50 text-utility-slate-700 ring-utility-slate-200',
+        addon: 'text-utility-slate-500',
+        addonButton: 'hover:bg-utility-slate-100 text-utility-slate-400 hover:text-utility-slate-500',
+    },
+    sky: {
+        root: 'bg-utility-sky-50 text-utility-sky-700 ring-utility-sky-200',
+        addon: 'text-utility-sky-500',
+        addonButton: 'hover:bg-utility-sky-100 text-utility-sky-400 hover:text-utility-sky-500',
+    },
+    blue: {
+        root: 'bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200',
+        addon: 'text-utility-blue-500',
+        addonButton: 'hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500',
+    },
+    indigo: {
+        root: 'bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200',
+        addon: 'text-utility-indigo-500',
+        addonButton: 'hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500',
+    },
+    purple: {
+        root: 'bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200',
+        addon: 'text-utility-purple-500',
+        addonButton: 'hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500',
+    },
+    pink: {
+        root: 'bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200',
+        addon: 'text-utility-pink-500',
+        addonButton: 'hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500',
+    },
+    orange: {
+        root: 'bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200',
+        addon: 'text-utility-orange-500',
+        addonButton: 'hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500',
+    },
+};
+const addonOnlyColors = Object.fromEntries(Object.entries(filledColors).map(([key, value]) => [key, { root: '', addon: value.addon }]));
+const withPillTypes = {
+    [badge_types.badgeTypes.pillColor]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
+        styles: filledColors,
+    },
+    [badge_types.badgeTypes.badgeColor]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
+        styles: filledColors,
+    },
+    [badge_types.badgeTypes.badgeModern]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs',
+        styles: {
+            gray: {
+                root: 'bg-primary text-secondary ring-primary',
+                addon: 'text-neutral-500',
+                addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
+            },
+        },
+    },
+};
+const withBadgeTypes = {
+    [badge_types.badgeTypes.pillColor]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
+        styles: filledColors,
+    },
+    [badge_types.badgeTypes.badgeColor]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
+        styles: filledColors,
+    },
+    [badge_types.badgeTypes.badgeModern]: {
+        common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs',
+        styles: addonOnlyColors,
+    },
+};
+const Badge = (props) => {
+    const { type = 'pill-color', size = 'md', color = 'gray', children } = props;
+    const colors = withPillTypes[type];
+    const pillSizes = {
+        sm: 'py-0.5 px-2 text-xs font-medium',
+        md: 'py-0.5 px-2.5 text-sm font-medium',
+        lg: 'py-1 px-3 text-sm font-medium',
+    };
+    const badgeSizes = {
+        sm: 'py-0.5 px-1.5 text-xs font-medium',
+        md: 'py-0.5 px-2 text-sm font-medium',
+        lg: 'py-1 px-2.5 text-sm font-medium rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return jsxRuntime.jsx("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root, props.className), children: children });
+};
+const BadgeWithDot = (props) => {
+    const { size = 'md', color = 'gray', type = 'pill-color', className, children } = props;
+    const colors = withBadgeTypes[type];
+    const pillSizes = {
+        sm: 'gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium',
+        lg: 'gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium',
+    };
+    const badgeSizes = {
+        sm: 'gap-1 py-0.5 px-1.5 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 px-2 text-sm font-medium',
+        lg: 'gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root, className), children: [jsxRuntime.jsx(Dot.Dot, { className: colors.styles[color].addon, size: "sm" }), children] }));
+};
+const BadgeWithIcon = (props) => {
+    const { size = 'md', color = 'gray', type = 'pill-color', iconLeading: IconLeading, iconTrailing: IconTrailing, children, className } = props;
+    const colors = withBadgeTypes[type];
+    const icon = IconLeading ? 'leading' : 'trailing';
+    const pillSizes = {
+        sm: {
+            trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
+            leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
+        },
+        md: {
+            trailing: 'gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium',
+            leading: 'gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium',
+        },
+        lg: {
+            trailing: 'gap-1 py-1 pl-3 pr-2.5 text-sm font-medium',
+            leading: 'gap-1 py-1 pr-3 pl-2.5 text-sm font-medium',
+        },
+    };
+    const badgeSizes = {
+        sm: {
+            trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
+            leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
+        },
+        md: {
+            trailing: 'gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium',
+            leading: 'gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium',
+        },
+        lg: {
+            trailing: 'gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg',
+            leading: 'gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg',
+        },
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size][icon], colors.styles[color].root, className), children: [IconLeading && jsxRuntime.jsx(IconLeading, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3') }), children, IconTrailing && jsxRuntime.jsx(IconTrailing, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3') })] }));
+};
+const BadgeWithFlag = (props) => {
+    const { size = 'md', color = 'gray', flag = 'AU', type = 'pill-color', children } = props;
+    const colors = withPillTypes[type];
+    const pillSizes = {
+        sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
+        lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
+    };
+    const badgeSizes = {
+        sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
+        lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsxRuntime.jsx("img", { src: `https://www.untitledui.com/images/flags/${flag}.svg`, className: "size-4 max-w-none rounded-full", alt: `${flag} flag` }), children] }));
+};
+const BadgeWithImage = (props) => {
+    const { size = 'md', color = 'gray', type = 'pill-color', imgSrc, children } = props;
+    const colors = withPillTypes[type];
+    const pillSizes = {
+        sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
+        lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
+    };
+    const badgeSizes = {
+        sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
+        md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
+        lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsxRuntime.jsx("img", { src: imgSrc, className: "size-4 max-w-none rounded-full", alt: "Badge image" }), children] }));
+};
+const BadgeWithButton = (props) => {
+    const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon = uiIcons.X, buttonLabel, children } = props;
+    const colors = withPillTypes[type];
+    const pillSizes = {
+        sm: 'gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium',
+        md: 'gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium',
+        lg: 'gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium',
+    };
+    const badgeSizes = {
+        sm: 'gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium',
+        md: 'gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium',
+        lg: 'gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [children, jsxRuntime.jsx("button", { type: "button", "aria-label": buttonLabel, onClick: props.onButtonClick, className: cx.cx('flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2', colors.styles[color].addonButton, type === 'pill-color' ? 'rounded-full' : 'rounded-[3px]'), children: jsxRuntime.jsx(Icon, { className: "size-3 stroke-[3px] transition-inherit-all" }) })] }));
+};
+const BadgeIcon = (props) => {
+    const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon } = props;
+    const colors = withPillTypes[type];
+    const pillSizes = {
+        sm: 'p-1.25',
+        md: 'p-1.5',
+        lg: 'p-2',
+    };
+    const badgeSizes = {
+        sm: 'p-1.25',
+        md: 'p-1.5',
+        lg: 'p-2 rounded-lg',
+    };
+    const sizes = {
+        [badge_types.badgeTypes.pillColor]: pillSizes,
+        [badge_types.badgeTypes.badgeColor]: badgeSizes,
+        [badge_types.badgeTypes.badgeModern]: badgeSizes,
+    };
+    return (jsxRuntime.jsx("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: jsxRuntime.jsx(Icon, { className: cx.cx('size-3 stroke-[3px]', colors.styles[color].addon) }) }));
+};
+
+exports.Badge = Badge;
+exports.BadgeIcon = BadgeIcon;
+exports.BadgeWithButton = BadgeWithButton;
+exports.BadgeWithDot = BadgeWithDot;
+exports.BadgeWithFlag = BadgeWithFlag;
+exports.BadgeWithIcon = BadgeWithIcon;
+exports.BadgeWithImage = BadgeWithImage;
+exports.filledColors = filledColors;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":[null],"names":["badgeTypes","_jsx","cx","_jsxs","Dot","CloseX"],"mappings":"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"}