@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/app/use-app.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApp = useApp;
+const react_1 = require("react");
+const hooks_1 = require("../../providers/hooks");
+const store_1 = require("../../store/store");
+const NO_MENU_ITEMS = [];
+/**
+ * The Angular `AppBaseComponent`, the logic of an application shell:
+ *
+ * - puts `options.menu.items` on the `MenuService` and returns its items
+ *   (none without `options.menu`) and `showMenu` (logged in or
+ *   `menu.showForAnonymous`, unless the menu service is disabled);
+ * - returns `logged`, `username` and `logo`, and `logout()` from
+ *   `options.provider`;
+ * - keeps `selectedPath` on the current URL and the document title on it
+ *   (`AppService.initTitle()` once, then `updateTitle(url)` for the current
+ *   URL and after every navigation);
+ * - writes `options.style` on the root element (`StyleService`), adds the
+ *   `auth-permissions-<permission>` classes of a logged user to it and sets
+ *   `logo` on the `#app-favicon` link.
+ *
+ * Attach `rootRef` to the shell's root element. `endContent` is what
+ * `MenuService.openEnd` asked to show in the end menu (the Angular
+ * `endMenuContainer`).
+ */
+function useApp({ options, className }) {
+    const appService = (0, hooks_1.useAppService)();
+    const authService = (0, hooks_1.useAuthService)();
+    const menuService = (0, hooks_1.useMenuService)();
+    const navigation = (0, hooks_1.useNavigation)();
+    const styleService = (0, hooks_1.useStyleService)();
+    const rootRef = (0, react_1.useRef)(null);
+    const titleInitialized = (0, react_1.useRef)(false);
+    const [selectedPath, setSelectedPath] = (0, react_1.useState)(() => navigation.getCurrentUrl());
+    const serviceMenuItems = (0, store_1.useStore)(menuService.menuItems);
+    const menuDisabled = (0, store_1.useStore)(menuService.disabled);
+    const endContent = (0, store_1.useStore)(menuService.endContent);
+    const logged = options.provider.logged;
+    const username = options.provider.username;
+    const logo = options.logo;
+    const menuItems = options.menu ? serviceMenuItems : NO_MENU_ITEMS;
+    const showMenu = menuDisabled
+        ? false
+        : logged || !!options.menu?.showForAnonymous;
+    const items = options.menu?.items;
+    (0, react_1.useEffect)(() => {
+        if (items)
+            menuService.setMenuItems(items);
+    }, [menuService, items]);
+    (0, react_1.useEffect)(() => {
+        if (!titleInitialized.current) {
+            appService.initTitle();
+            titleInitialized.current = true;
+        }
+        const onNavigationEnd = (url) => {
+            setSelectedPath(url);
+            styleService.init(rootRef.current);
+            appService.updateTitle(url);
+        };
+        onNavigationEnd(navigation.getCurrentUrl());
+        return navigation.subscribe(onNavigationEnd);
+    }, [appService, navigation, styleService]);
+    const style = options.style;
+    (0, react_1.useEffect)(() => {
+        styleService.init(rootRef.current, style);
+    }, [styleService, style]);
+    (0, react_1.useEffect)(() => {
+        const favicon = document.getElementById('app-favicon');
+        if (logo && favicon)
+            favicon.setAttribute('href', logo);
+    }, [logo]);
+    (0, react_1.useEffect)(() => {
+        const root = rootRef.current;
+        if (!logged || !root)
+            return;
+        authService.getPermissions().forEach((permission) => {
+            root.classList.add('auth-permissions-' + permission);
+        });
+        // `className` re-adds the classes after React rewrites the attribute.
+    }, [authService, logged, className]);
+    const logout = (0, react_1.useCallback)(() => {
+        options.provider.logout();
+    }, [options.provider]);
+    return {
+        rootRef,
+        selectedPath,
+        showMenu,
+        menuItems,
+        logged,
+        username,
+        logo,
+        endContent,
+        logout,
+    };
+}
+//# sourceMappingURL=use-app.js.map

package/src/lib/components/app/use-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-app.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/app/use-app.ts"],"names":[],"mappings":"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"}

package/src/lib/components/avatar/avatar.d.ts

@@ -0,0 +1,7 @@
+import { SmartAvatarProps } from './avatar.types';
+/**
+ * `<smart-avatar>`: renders the implementation registered as
+ * `components.avatar` on `SmartProvider` (the Angular
+ * `AVATAR_STANDARD_COMPONENT_TOKEN`), `SmartAvatarStandard` by default.
+ */
+export declare function SmartAvatar(props: SmartAvatarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/avatar/avatar.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAvatar = SmartAvatar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const avatar_standard_1 = require("./standard/avatar-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-avatar>`: renders the implementation registered as
+ * `components.avatar` on `SmartProvider` (the Angular
+ * `AVATAR_STANDARD_COMPONENT_TOKEN`), `SmartAvatarStandard` by default.
+ */
+function SmartAvatar(props) {
+    const Component = (0, hooks_1.useSmartComponent)('avatar', avatar_standard_1.SmartAvatarStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=avatar.js.map

package/src/lib/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/avatar/avatar.tsx"],"names":[],"mappings":";;AASA,kCAIC;;AAZD,gEAAiE;AACjE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,QAAQ,EAAE,qCAAmB,CAAC,CAAC;IAEnE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/avatar/avatar.types.d.ts

@@ -0,0 +1,15 @@
+import { IAvatarItem, IAvatarOptions, SmartAvatarShape, SmartAvatarSize } from '../../models';
+export interface SmartAvatarProps {
+    imageUrl?: string;
+    initials?: string;
+    /** Default `'md'`. */
+    size?: SmartAvatarSize;
+    /** Default `'circle'`. */
+    shape?: SmartAvatarShape;
+    /** Corner of the status dot; no dot when unset. */
+    notificationPosition?: 'top' | 'bottom';
+    /** Renders a stacked group instead of one avatar when non-empty. */
+    group?: IAvatarItem[];
+    options?: IAvatarOptions;
+    className?: string;
+}

package/src/lib/components/avatar/avatar.types.js

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

package/src/lib/components/avatar/avatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/avatar/avatar.types.ts"],"names":[],"mappings":""}

package/src/lib/components/avatar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './avatar';
+export * from './avatar.types';
+export * from './preset/avatar-preset';
+export * from './preset/preset-classes';
+export * from './standard/avatar-standard';
+export * from './use-avatar';

package/src/lib/components/avatar/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./avatar"), exports);
+tslib_1.__exportStar(require("./avatar.types"), exports);
+tslib_1.__exportStar(require("./preset/avatar-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/avatar-standard"), exports);
+tslib_1.__exportStar(require("./use-avatar"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/avatar/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,yDAA+B;AAC/B,iEAAuC;AACvC,kEAAwC;AACxC,qEAA2C;AAC3C,uDAA6B"}

package/src/lib/components/avatar/preset/avatar-preset.d.ts

@@ -0,0 +1,13 @@
+import { SmartAvatarProps } from '../avatar.types';
+/**
+ * Styled avatar variation (preset, `<smart-avatar-preset>`). Register it as
+ * `components.avatar` on `SmartProvider` to restyle every `<SmartAvatar>`, or
+ * render it directly.
+ *
+ * Renders an image, initials or icon placeholder across the `SmartAvatarSize`
+ * scale in `circle` / `rounded` shapes, with an optional corner status dot
+ * (`notificationPosition`) and a stacked group layout (`group` +
+ * `options.stackDirection`). `className` goes on the outermost element: the
+ * group container, the status wrapper, or the avatar itself.
+ */
+export declare function SmartAvatarPreset(props: SmartAvatarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/avatar/preset/avatar-preset.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAvatarPreset = SmartAvatarPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_avatar_1 = require("../use-avatar");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled avatar variation (preset, `<smart-avatar-preset>`). Register it as
+ * `components.avatar` on `SmartProvider` to restyle every `<SmartAvatar>`, or
+ * render it directly.
+ *
+ * Renders an image, initials or icon placeholder across the `SmartAvatarSize`
+ * scale in `circle` / `rounded` shapes, with an optional corner status dot
+ * (`notificationPosition`) and a stacked group layout (`group` +
+ * `options.stackDirection`). `className` goes on the outermost element: the
+ * group container, the status wrapper, or the avatar itself.
+ */
+function SmartAvatarPreset(props) {
+    const { imageUrl, initials, size = 'md', shape = 'circle', notificationPosition, group, options, className, } = props;
+    const { isGroup } = (0, use_avatar_1.useAvatar)(props);
+    if (isGroup) {
+        const itemImageClasses = (0, preset_classes_1.getAvatarGroupItemImageClasses)(size, shape);
+        const itemInitialsClasses = (0, preset_classes_1.getAvatarGroupItemInitialsClasses)(size, shape);
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getAvatarGroupContainerClasses)(options?.stackDirection), className), children: group?.map((item) => item.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { className: itemImageClasses, src: item.imageUrl, alt: "" }, item.id)) : ((0, jsx_runtime_1.jsx)("span", { className: itemInitialsClasses, children: item.initials }, item.id))) }));
+    }
+    let mode = 'icon';
+    if (imageUrl)
+        mode = 'image';
+    else if (initials || options?.placeholderType === 'initials') {
+        mode = 'initials';
+    }
+    const body = (cls) => {
+        switch (mode) {
+            case 'image':
+                return ((0, jsx_runtime_1.jsx)("img", { className: (0, class_names_1.cn)((0, preset_classes_1.getAvatarImageClasses)(size, shape), cls), src: imageUrl, alt: "" }));
+            case 'initials':
+                return ((0, jsx_runtime_1.jsx)("span", { className: (0, class_names_1.cn)((0, preset_classes_1.getAvatarInitialsClasses)(size, shape), cls), children: initials }));
+            default:
+                return ((0, jsx_runtime_1.jsx)("span", { className: (0, class_names_1.cn)((0, preset_classes_1.getAvatarIconWrapperClasses)(size, shape), cls), children: (0, jsx_runtime_1.jsxs)("svg", { className: "smart:size-full smart:text-gray-500 smart:dark:text-gray-400", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("rect", { x: "0.62854", y: "0.359985", width: "15", height: "15", rx: "7.5", fill: "currentColor", className: "smart:fill-white smart:dark:fill-gray-800" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.12421 7.20374C9.21151 7.20374 10.093 6.32229 10.093 5.23499C10.093 4.14767 9.21151 3.26624 8.12421 3.26624C7.0369 3.26624 6.15546 4.14767 6.15546 5.23499C6.15546 6.32229 7.0369 7.20374 8.12421 7.20374Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.818 10.5975C10.2992 12.6412 7.42106 13.0631 5.37731 11.5537C5.01171 11.2818 4.69296 10.9631 4.42107 10.5975C4.28982 10.4006 4.27107 10.1475 4.37419 9.94123L4.51482 9.65059C4.84296 8.95684 5.53671 8.51624 6.30546 8.51624H9.95231C10.7023 8.51624 11.3867 8.94749 11.7242 9.62249L11.8742 9.93184C11.968 10.1475 11.9586 10.4006 11.818 10.5975Z", fill: "currentColor" })] }) }));
+        }
+    };
+    if (notificationPosition) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(preset_classes_1.AVATAR_STATUS_WRAPPER, className), children: [body(undefined), (0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getAvatarStatusClasses)(size, notificationPosition) })] }));
+    }
+    return body(className);
+}
+//# sourceMappingURL=avatar-preset.js.map

package/src/lib/components/avatar/preset/avatar-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/avatar/preset/avatar-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/avatar/preset/preset-classes.d.ts

@@ -0,0 +1,17 @@
+import { SmartAvatarShape, SmartAvatarSize } from '../../../models';
+/** Image avatar (`<img>`). */
+export declare function getAvatarImageClasses(size: SmartAvatarSize, shape: SmartAvatarShape): string;
+/** Initials placeholder (solid surface + inverse text). */
+export declare function getAvatarInitialsClasses(size: SmartAvatarSize, shape: SmartAvatarShape): string;
+/** Icon placeholder wrapper (tinted surface, clips the glyph). */
+export declare function getAvatarIconWrapperClasses(size: SmartAvatarSize, shape: SmartAvatarShape): string;
+/** Status indicator dot, anchored to the requested corner. */
+export declare function getAvatarStatusClasses(size: SmartAvatarSize, position: 'top' | 'bottom'): string;
+/** Wrapper that positions the status dot relative to the avatar. */
+export declare const AVATAR_STATUS_WRAPPER = "smart:relative smart:inline-block";
+/** Stacked-group container; overlaps members and reverses on demand. */
+export declare function getAvatarGroupContainerClasses(stackDirection: 'top-to-bottom' | 'bottom-to-top' | undefined): string;
+/** Image member of a stacked group (rings separate overlapping avatars). */
+export declare function getAvatarGroupItemImageClasses(size: SmartAvatarSize, shape: SmartAvatarShape): string;
+/** Initials member of a stacked group. */
+export declare function getAvatarGroupItemInitialsClasses(size: SmartAvatarSize, shape: SmartAvatarShape): string;

package/src/lib/components/avatar/preset/preset-classes.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AVATAR_STATUS_WRAPPER = void 0;
+exports.getAvatarImageClasses = getAvatarImageClasses;
+exports.getAvatarInitialsClasses = getAvatarInitialsClasses;
+exports.getAvatarIconWrapperClasses = getAvatarIconWrapperClasses;
+exports.getAvatarStatusClasses = getAvatarStatusClasses;
+exports.getAvatarGroupContainerClasses = getAvatarGroupContainerClasses;
+exports.getAvatarGroupItemImageClasses = getAvatarGroupItemImageClasses;
+exports.getAvatarGroupItemInitialsClasses = getAvatarGroupItemInitialsClasses;
+/** Pixel footprint per avatar size (`size-*`). */
+const SIZE_CLASSES = {
+    xs: 'smart:size-8',
+    sm: 'smart:size-9.5',
+    md: 'smart:size-11',
+    lg: 'smart:size-15.5',
+    xl: 'smart:size-20',
+};
+/** Corner radius per shape. */
+const SHAPE_CLASSES = {
+    circle: 'smart:rounded-full',
+    rounded: 'smart:rounded-lg',
+};
+/** Status dot footprint per avatar size. */
+const STATUS_SIZE_CLASSES = {
+    xs: 'smart:size-1.5',
+    sm: 'smart:size-2',
+    md: 'smart:size-2.5',
+    lg: 'smart:size-3',
+    xl: 'smart:size-3.5',
+};
+/** Initials font-size per avatar size. */
+const INITIALS_TEXT_CLASSES = {
+    xs: 'smart:text-xs',
+    sm: 'smart:text-sm',
+    md: 'smart:text-base',
+    lg: 'smart:text-base',
+    xl: 'smart:text-lg',
+};
+const RING = [
+    'smart:ring-2',
+    'smart:ring-white',
+    'smart:dark:ring-gray-800',
+].join(' ');
+/** Image avatar (`<img>`). */
+function getAvatarImageClasses(size, shape) {
+    return [
+        'smart:inline-block',
+        'smart:object-cover',
+        SIZE_CLASSES[size],
+        SHAPE_CLASSES[shape],
+    ].join(' ');
+}
+/** Initials placeholder (solid surface + inverse text). */
+function getAvatarInitialsClasses(size, shape) {
+    return [
+        'smart:inline-flex',
+        'smart:items-center',
+        'smart:justify-center',
+        'smart:font-semibold',
+        'smart:bg-gray-700',
+        'smart:text-white',
+        'smart:dark:bg-gray-600',
+        'smart:dark:text-gray-900',
+        SIZE_CLASSES[size],
+        SHAPE_CLASSES[shape],
+        INITIALS_TEXT_CLASSES[size],
+    ].join(' ');
+}
+/** Icon placeholder wrapper (tinted surface, clips the glyph). */
+function getAvatarIconWrapperClasses(size, shape) {
+    return [
+        'smart:inline-block',
+        'smart:overflow-hidden',
+        'smart:bg-gray-100',
+        'smart:dark:bg-gray-700',
+        SIZE_CLASSES[size],
+        SHAPE_CLASSES[shape],
+    ].join(' ');
+}
+/** Status indicator dot, anchored to the requested corner. */
+function getAvatarStatusClasses(size, position) {
+    return [
+        'smart:absolute',
+        'smart:end-0',
+        position === 'bottom' ? 'smart:bottom-0' : 'smart:top-0',
+        'smart:block',
+        'smart:rounded-full',
+        'smart:bg-teal-400',
+        STATUS_SIZE_CLASSES[size],
+        RING,
+    ].join(' ');
+}
+/** Wrapper that positions the status dot relative to the avatar. */
+exports.AVATAR_STATUS_WRAPPER = 'smart:relative smart:inline-block';
+/** Stacked-group container; overlaps members and reverses on demand. */
+function getAvatarGroupContainerClasses(stackDirection) {
+    return [
+        'smart:flex',
+        'smart:items-center',
+        'smart:-space-x-2',
+        stackDirection === 'bottom-to-top'
+            ? 'smart:flex-row-reverse smart:space-x-reverse'
+            : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+/** Image member of a stacked group (rings separate overlapping avatars). */
+function getAvatarGroupItemImageClasses(size, shape) {
+    return ['smart:relative', getAvatarImageClasses(size, shape), RING].join(' ');
+}
+/** Initials member of a stacked group. */
+function getAvatarGroupItemInitialsClasses(size, shape) {
+    return ['smart:relative', getAvatarInitialsClasses(size, shape), RING].join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/avatar/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/avatar/preset/preset-classes.ts"],"names":[],"mappings":"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"}

package/src/lib/components/avatar/standard/avatar-standard.d.ts

@@ -0,0 +1,7 @@
+import { SmartAvatarProps } from '../avatar.types';
+/**
+ * The default avatar rendering (`<smart-avatar-standard>`): unstyled markup
+ * exposing `size`, `shape`, `options.placeholderType` and, for a group,
+ * `options.stackDirection` as `data-*` attributes.
+ */
+export declare function SmartAvatarStandard(props: SmartAvatarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/avatar/standard/avatar-standard.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAvatarStandard = SmartAvatarStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_avatar_1 = require("../use-avatar");
+/**
+ * The default avatar rendering (`<smart-avatar-standard>`): unstyled markup
+ * exposing `size`, `shape`, `options.placeholderType` and, for a group,
+ * `options.stackDirection` as `data-*` attributes.
+ */
+function SmartAvatarStandard(props) {
+    const { imageUrl, initials, size = 'md', shape = 'circle', group, options, className, } = props;
+    const { isGroup } = (0, use_avatar_1.useAvatar)(props);
+    return ((0, jsx_runtime_1.jsx)("span", { className: className, "data-size": size, "data-shape": shape, "data-placeholder-type": options?.placeholderType ?? 'icon', "data-stack-direction": isGroup ? (options?.stackDirection ?? 'top-to-bottom') : undefined, children: isGroup
+            ? group?.map((item) => ((0, jsx_runtime_1.jsx)("span", { className: "smart-avatar-group-item", children: item.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: item.imageUrl, alt: "" })) : ((0, jsx_runtime_1.jsx)("span", { className: "smart-avatar-initials", children: item.initials })) }, item.id)))
+            : renderSingle(imageUrl, initials) }));
+}
+function renderSingle(imageUrl, initials) {
+    if (imageUrl)
+        return (0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: "" });
+    if (initials)
+        return (0, jsx_runtime_1.jsx)("span", { className: "smart-avatar-initials", children: initials });
+    return ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "smart-avatar-placeholder", children: "\u00B7" }));
+}
+//# sourceMappingURL=avatar-standard.js.map

package/src/lib/components/avatar/standard/avatar-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/avatar/standard/avatar-standard.tsx"],"names":[],"mappings":";;AAQA,kDAmCC;;AA1CD,8CAA0C;AAE1C;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,KAAuB;IACzD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,OAAO,EACP,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAErC,OAAO,CACL,iCACE,SAAS,EAAE,SAAS,eACT,IAAI,gBACH,KAAK,2BACM,OAAO,EAAE,eAAe,IAAI,MAAM,0BAEvD,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,YAGnE,OAAO;YACN,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,iCAAoB,SAAS,EAAC,yBAAyB,YACpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,gCAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,GAAG,CACnC,CAAC,CAAC,CAAC,CACF,iCAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,QAAQ,GAAQ,CAC/D,IALQ,IAAI,CAAC,EAAE,CAMX,CACR,CAAC;YACJ,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC/B,CACR,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,QAAiB,EAAE,QAAiB;IACxD,IAAI,QAAQ;QAAE,OAAO,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,EAAE,GAAG,CAAC;IAEnD,IAAI,QAAQ;QACV,OAAO,iCAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,CAAC;IAEnE,OAAO,CACL,gDAAkB,MAAM,EAAC,SAAS,EAAC,0BAA0B,uBAEtD,CACR,CAAC;AACJ,CAAC"}

package/src/lib/components/avatar/use-avatar.d.ts

@@ -0,0 +1,8 @@
+import { SmartAvatarProps } from './avatar.types';
+/**
+ * The state every avatar variant shares (the Angular
+ * `AvatarBaseComponent`): whether `group` holds avatars to stack.
+ */
+export declare function useAvatar({ group }: Pick<SmartAvatarProps, 'group'>): {
+    isGroup: boolean;
+};

package/src/lib/components/avatar/use-avatar.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAvatar = useAvatar;
+/**
+ * The state every avatar variant shares (the Angular
+ * `AvatarBaseComponent`): whether `group` holds avatars to stack.
+ */
+function useAvatar({ group }) {
+    return { isGroup: !!group?.length };
+}
+//# sourceMappingURL=use-avatar.js.map

package/src/lib/components/avatar/use-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-avatar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/avatar/use-avatar.ts"],"names":[],"mappings":";;AAMA,8BAEC;AAND;;;GAGG;AACH,SAAgB,SAAS,CAAC,EAAE,KAAK,EAAmC;IAClE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;AACtC,CAAC"}

package/src/lib/components/badge/badge.d.ts

@@ -0,0 +1,7 @@
+import { SmartBadgeProps } from './badge.types';
+/**
+ * `<smart-badge>`: renders the implementation registered as
+ * `components.badge` on `SmartProvider` (the Angular
+ * `BADGE_STANDARD_COMPONENT_TOKEN`), `SmartBadgeStandard` by default.
+ */
+export declare function SmartBadge(props: SmartBadgeProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/badge/badge.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartBadge = SmartBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const badge_standard_1 = require("./standard/badge-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-badge>`: renders the implementation registered as
+ * `components.badge` on `SmartProvider` (the Angular
+ * `BADGE_STANDARD_COMPONENT_TOKEN`), `SmartBadgeStandard` by default.
+ */
+function SmartBadge(props) {
+    const Component = (0, hooks_1.useSmartComponent)('badge', badge_standard_1.SmartBadgeStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=badge.js.map

package/src/lib/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/badge/badge.tsx"],"names":[],"mappings":";;AASA,gCAIC;;AAZD,8DAA+D;AAC/D,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,OAAO,EAAE,mCAAkB,CAAC,CAAC;IAEjE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/badge/badge.types.d.ts

@@ -0,0 +1,12 @@
+import { IBadgeOptions, SmartBadgeColor } from '../../models';
+export interface SmartBadgeProps {
+    text: string;
+    /** Default `'gray'`. */
+    color?: SmartBadgeColor;
+    /** Default `'md'`. */
+    size?: 'sm' | 'md';
+    options?: IBadgeOptions;
+    className?: string;
+    /** Click on the remove button (`options.withRemove`), the Angular `removed` output. */
+    onRemoved?: () => void;
+}

package/src/lib/components/badge/badge.types.js

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

package/src/lib/components/badge/badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/badge/badge.types.ts"],"names":[],"mappings":""}

package/src/lib/components/badge/index.d.ts

@@ -0,0 +1,6 @@
+export * from './badge';
+export * from './badge.types';
+export * from './preset/badge-preset';
+export * from './preset/preset-classes';
+export * from './standard/badge-standard';
+export * from './use-badge';

package/src/lib/components/badge/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./badge"), exports);
+tslib_1.__exportStar(require("./badge.types"), exports);
+tslib_1.__exportStar(require("./preset/badge-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/badge-standard"), exports);
+tslib_1.__exportStar(require("./use-badge"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/badge/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B;AAC9B,gEAAsC;AACtC,kEAAwC;AACxC,oEAA0C;AAC1C,sDAA4B"}

package/src/lib/components/badge/preset/badge-preset.d.ts

@@ -0,0 +1,11 @@
+import { SmartBadgeProps } from '../badge.types';
+/**
+ * Styled badge variation (preset, `<smart-badge-preset>`). Register it as
+ * `components.badge` on `SmartProvider` to restyle every `<SmartBadge>`, or
+ * render it directly.
+ *
+ * Groups the solid / soft / outline colour presets into one component,
+ * selected by `options.variant` (default `soft`), across the
+ * `SmartBadgeColor` palette.
+ */
+export declare function SmartBadgePreset(props: SmartBadgeProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/badge/preset/badge-preset.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartBadgePreset = SmartBadgePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_badge_1 = require("../use-badge");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled badge variation (preset, `<smart-badge-preset>`). Register it as
+ * `components.badge` on `SmartProvider` to restyle every `<SmartBadge>`, or
+ * render it directly.
+ *
+ * Groups the solid / soft / outline colour presets into one component,
+ * selected by `options.variant` (default `soft`), across the
+ * `SmartBadgeColor` palette.
+ */
+function SmartBadgePreset(props) {
+    const { text, color = 'gray', size = 'md', options, className } = props;
+    const { remove } = (0, use_badge_1.useBadge)(props);
+    const variant = options?.variant ?? 'soft';
+    const pill = options?.pill !== false;
+    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, class_names_1.cn)((0, preset_classes_1.getBadgeClasses)(variant, color, pill, size), className), children: [options?.withDot && ((0, jsx_runtime_1.jsx)("svg", { className: (0, preset_classes_1.getDotClasses)(color), viewBox: "0 0 6 6", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("circle", { cx: "3", cy: "3", r: "3" }) })), text, options?.withRemove && ((0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-label": "Remove", className: (0, preset_classes_1.getRemoveClasses)(), onClick: remove, children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:sr-only", children: "Remove" }), (0, jsx_runtime_1.jsx)("svg", { className: "smart:size-3.5 smart:stroke-current smart:opacity-50 smart:group-hover:opacity-75", viewBox: "0 0 14 14", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M4 4l6 6m0-6l-6 6", strokeWidth: "1.5", strokeLinecap: "round" }) })] }))] }));
+}
+//# sourceMappingURL=badge-preset.js.map

package/src/lib/components/badge/preset/badge-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/badge/preset/badge-preset.tsx"],"names":[],"mappings":";;AAkBA,4CA4CC;;AA9DD,4DAAgD;AAEhD,4CAAwC;AACxC,qDAI0B;AAE1B;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;IACrD,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC;IAC3C,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,KAAK,KAAK,CAAC;IAErC,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,gCAAe,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,aAEpE,OAAO,EAAE,OAAO,IAAI,CACnB,gCACE,SAAS,EAAE,IAAA,8BAAa,EAAC,KAAK,CAAC,EAC/B,OAAO,EAAC,SAAS,iBACL,MAAM,YAElB,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,GAC1B,CACP,EACA,IAAI,EACJ,OAAO,EAAE,UAAU,IAAI,CACtB,oCACE,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,SAAS,EAAE,IAAA,iCAAgB,GAAE,EAC7B,OAAO,EAAE,MAAM,aAEf,iCAAM,SAAS,EAAC,eAAe,uBAAc,EAC7C,gCACE,SAAS,EAAC,mFAAmF,EAC7F,OAAO,EAAC,WAAW,iBACP,MAAM,YAElB,iCACE,CAAC,EAAC,mBAAmB,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,GACE,IACC,CACV,IACI,CACR,CAAC;AACJ,CAAC"}

package/src/lib/components/badge/preset/preset-classes.d.ts

@@ -0,0 +1,5 @@
+import { SmartBadgeColor } from '../../../models';
+export type SmartBadgePresetVariant = 'solid' | 'soft' | 'outline';
+export declare function getBadgeClasses(variant: SmartBadgePresetVariant, color: SmartBadgeColor, pill: boolean, size: 'sm' | 'md'): string;
+export declare function getDotClasses(color: SmartBadgeColor): string;
+export declare function getRemoveClasses(): string;