@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBadgeClasses = getBadgeClasses;
+exports.getDotClasses = getDotClasses;
+exports.getRemoveClasses = getRemoveClasses;
+const SOLID_CLASSES_BY_COLOR = {
+    gray: 'smart:bg-gray-600 smart:text-white smart:dark:bg-gray-500',
+    red: 'smart:bg-red-600 smart:text-white smart:dark:bg-red-500',
+    yellow: 'smart:bg-yellow-400 smart:text-gray-900 smart:dark:bg-yellow-500 smart:dark:text-gray-900',
+    green: 'smart:bg-green-600 smart:text-white smart:dark:bg-green-500',
+    blue: 'smart:bg-blue-600 smart:text-white smart:dark:bg-blue-500',
+    indigo: 'smart:bg-indigo-600 smart:text-white smart:dark:bg-indigo-500',
+    purple: 'smart:bg-purple-600 smart:text-white smart:dark:bg-purple-500',
+    pink: 'smart:bg-pink-600 smart:text-white smart:dark:bg-pink-500',
+};
+const SOFT_CLASSES_BY_COLOR = {
+    gray: 'smart:bg-gray-100 smart:text-gray-800 smart:dark:bg-gray-500/20 smart:dark:text-gray-300',
+    red: 'smart:bg-red-100 smart:text-red-800 smart:dark:bg-red-500/20 smart:dark:text-red-400',
+    yellow: 'smart:bg-yellow-100 smart:text-yellow-800 smart:dark:bg-yellow-500/20 smart:dark:text-yellow-400',
+    green: 'smart:bg-green-100 smart:text-green-800 smart:dark:bg-green-500/20 smart:dark:text-green-400',
+    blue: 'smart:bg-blue-100 smart:text-blue-800 smart:dark:bg-blue-500/20 smart:dark:text-blue-400',
+    indigo: 'smart:bg-indigo-100 smart:text-indigo-800 smart:dark:bg-indigo-500/20 smart:dark:text-indigo-400',
+    purple: 'smart:bg-purple-100 smart:text-purple-800 smart:dark:bg-purple-500/20 smart:dark:text-purple-400',
+    pink: 'smart:bg-pink-100 smart:text-pink-800 smart:dark:bg-pink-500/20 smart:dark:text-pink-400',
+};
+const OUTLINE_CLASSES_BY_COLOR = {
+    gray: 'smart:border smart:border-gray-400 smart:text-gray-600 smart:dark:border-gray-500 smart:dark:text-gray-300',
+    red: 'smart:border smart:border-red-500 smart:text-red-600 smart:dark:border-red-400 smart:dark:text-red-400',
+    yellow: 'smart:border smart:border-yellow-500 smart:text-yellow-700 smart:dark:border-yellow-400 smart:dark:text-yellow-400',
+    green: 'smart:border smart:border-green-500 smart:text-green-700 smart:dark:border-green-400 smart:dark:text-green-400',
+    blue: 'smart:border smart:border-blue-500 smart:text-blue-700 smart:dark:border-blue-400 smart:dark:text-blue-400',
+    indigo: 'smart:border smart:border-indigo-500 smart:text-indigo-700 smart:dark:border-indigo-400 smart:dark:text-indigo-400',
+    purple: 'smart:border smart:border-purple-500 smart:text-purple-700 smart:dark:border-purple-400 smart:dark:text-purple-400',
+    pink: 'smart:border smart:border-pink-500 smart:text-pink-700 smart:dark:border-pink-400 smart:dark:text-pink-400',
+};
+const DOT_CLASSES_BY_COLOR = {
+    gray: 'smart:fill-gray-500',
+    red: 'smart:fill-red-500',
+    yellow: 'smart:fill-yellow-500',
+    green: 'smart:fill-green-500',
+    blue: 'smart:fill-blue-500',
+    indigo: 'smart:fill-indigo-500',
+    purple: 'smart:fill-purple-500',
+    pink: 'smart:fill-pink-500',
+};
+const BASE_BADGE = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-1.5',
+    'smart:font-medium',
+].join(' ');
+const SIZE_SM = ['smart:px-2', 'smart:py-0.5', 'smart:text-xs'].join(' ');
+const SIZE_MD = ['smart:px-3', 'smart:py-1.5', 'smart:text-xs'].join(' ');
+const SHAPE_PILL = 'smart:rounded-full';
+const SHAPE_SQUARE = 'smart:rounded-md';
+const DOT_BASE = 'smart:size-1.5';
+const REMOVE_BUTTON = [
+    'smart:group',
+    'smart:relative',
+    'smart:-mr-1',
+    'smart:ml-0.5',
+    'smart:size-3.5',
+    'smart:rounded-sm',
+    'smart:hover:bg-black/10',
+    'smart:dark:hover:bg-white/20',
+].join(' ');
+const COLOR_MAP = {
+    solid: SOLID_CLASSES_BY_COLOR,
+    soft: SOFT_CLASSES_BY_COLOR,
+    outline: OUTLINE_CLASSES_BY_COLOR,
+};
+function getBadgeClasses(variant, color, pill, size) {
+    const sizeClass = size === 'sm' ? SIZE_SM : SIZE_MD;
+    const shapeClass = pill ? SHAPE_PILL : SHAPE_SQUARE;
+    return [BASE_BADGE, COLOR_MAP[variant][color], shapeClass, sizeClass].join(' ');
+}
+function getDotClasses(color) {
+    return `${DOT_BASE} ${DOT_CLASSES_BY_COLOR[color]}`;
+}
+function getRemoveClasses() {
+    return REMOVE_BUTTON;
+}
+//# sourceMappingURL=preset-classes.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { SmartBadgeProps } from '../badge.types';
+/**
+ * The default badge rendering (`<smart-badge-standard>`): unstyled markup
+ * exposing `color`, `size`, `options.variant` and `options.pill` as `data-*`
+ * attributes for the application's own CSS.
+ */
+export declare function SmartBadgeStandard(props: SmartBadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartBadgeStandard = SmartBadgeStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_badge_1 = require("../use-badge");
+/**
+ * The default badge rendering (`<smart-badge-standard>`): unstyled markup
+ * exposing `color`, `size`, `options.variant` and `options.pill` as `data-*`
+ * attributes for the application's own CSS.
+ */
+function SmartBadgeStandard(props) {
+    const { text, color = 'gray', size = 'md', options, className } = props;
+    const { remove } = (0, use_badge_1.useBadge)(props);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: className, "data-color": color, "data-size": size, "data-variant": options?.variant ?? 'soft', "data-pill": String(options?.pill !== false), children: [options?.withDot && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "smart-badge-dot", children: "\u2022" })), (0, jsx_runtime_1.jsx)("span", { className: "smart-badge-text", children: text }), options?.withRemove && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Remove", onClick: remove, children: "\u00D7" }))] }));
+}
+//# sourceMappingURL=badge-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/badge/standard/badge-standard.tsx"],"names":[],"mappings":";;AAQA,gDAyBC;;AAhCD,4CAAwC;AAExC;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,KAAsB;IACvD,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,OAAO,CACL,kCACE,SAAS,EAAE,SAAS,gBACR,KAAK,eACN,IAAI,kBACD,OAAO,EAAE,OAAO,IAAI,MAAM,eAC7B,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,KAAK,CAAC,aAEzC,OAAO,EAAE,OAAO,IAAI,CACnB,gDAAkB,MAAM,EAAC,SAAS,EAAC,iBAAiB,uBAE7C,CACR,EACD,iCAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,GAAQ,EAC/C,OAAO,EAAE,UAAU,IAAI,CACtB,mCAAQ,IAAI,EAAC,QAAQ,gBAAY,QAAQ,EAAC,OAAO,EAAE,MAAM,uBAEhD,CACV,IACI,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+import { SmartBadgeProps } from './badge.types';
+/**
+ * The behaviour every badge variant shares (the Angular
+ * `BadgeBaseComponent`): `remove()` reports the click on the remove button
+ * through `onRemoved`.
+ */
+export declare function useBadge({ onRemoved }: Pick<SmartBadgeProps, 'onRemoved'>): {
+    remove: () => void;
+};

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBadge = useBadge;
+const react_1 = require("react");
+/**
+ * The behaviour every badge variant shares (the Angular
+ * `BadgeBaseComponent`): `remove()` reports the click on the remove button
+ * through `onRemoved`.
+ */
+function useBadge({ onRemoved }) {
+    const remove = (0, react_1.useCallback)(() => {
+        onRemoved?.();
+    }, [onRemoved]);
+    return { remove };
+}
+//# sourceMappingURL=use-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-badge.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/badge/use-badge.ts"],"names":[],"mappings":";;AASA,4BAMC;AAfD,iCAAoC;AAIpC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EAAE,SAAS,EAAsC;IACxE,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SmartBreadcrumbsProps } from './breadcrumbs.types';
+/**
+ * `<smart-breadcrumbs>`: renders the implementation registered as
+ * `components.breadcrumbs` on `SmartProvider` (the Angular
+ * `BREADCRUMBS_STANDARD_COMPONENT_TOKEN`), `SmartBreadcrumbsStandard` by
+ * default.
+ */
+export declare function SmartBreadcrumbs(props: SmartBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/breadcrumbs/breadcrumbs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;AAUA,4CAIC;;AAbD,0EAA2E;AAC3E,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,aAAa,EAAE,+CAAwB,CAAC,CAAC;IAE7E,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IBreadcrumbsOptions } from '../../models';
+/** Payload of `onItemClick` (the Angular `itemClick` output). */
+export interface IBreadcrumbsItemClick {
+    itemId: string;
+}
+export interface SmartBreadcrumbsProps {
+    options?: IBreadcrumbsOptions;
+    className?: string;
+    /** Click on an item without `href` (rendered as a button). */
+    onItemClick?: (event: IBreadcrumbsItemClick) => void;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/breadcrumbs/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,8DAAoC;AACpC,sEAA4C;AAC5C,kEAAwC;AACxC,0EAAgD;AAChD,4DAAkC"}

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

@@ -0,0 +1,13 @@
+import { SmartBreadcrumbsProps } from '../breadcrumbs.types';
+/**
+ * Styled breadcrumbs variation (preset, `<smart-breadcrumbs-preset>`).
+ * Register it as `components.breadcrumbs` on `SmartProvider` to restyle every
+ * `<SmartBreadcrumbs>`, or render it directly.
+ *
+ * Translates the Preline breadcrumb: muted links that brighten on
+ * hover/focus, a bold non-link current crumb, and separator glyphs
+ * (`chevron` / `slash` / `arrow`) selected by `options.separator`.
+ * `options.layout` additionally wraps the bar (`contained`,
+ * `full-width-bar`) and can imply the separator (`simple-with-slashes`).
+ */
+export declare function SmartBreadcrumbsPreset(props: SmartBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartBreadcrumbsPreset = SmartBreadcrumbsPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_breadcrumbs_1 = require("../use-breadcrumbs");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled breadcrumbs variation (preset, `<smart-breadcrumbs-preset>`).
+ * Register it as `components.breadcrumbs` on `SmartProvider` to restyle every
+ * `<SmartBreadcrumbs>`, or render it directly.
+ *
+ * Translates the Preline breadcrumb: muted links that brighten on
+ * hover/focus, a bold non-link current crumb, and separator glyphs
+ * (`chevron` / `slash` / `arrow`) selected by `options.separator`.
+ * `options.layout` additionally wraps the bar (`contained`,
+ * `full-width-bar`) and can imply the separator (`simple-with-slashes`).
+ */
+function SmartBreadcrumbsPreset(props) {
+    const { options, className } = props;
+    const { items, itemClick } = (0, use_breadcrumbs_1.useBreadcrumbs)(props);
+    const separator = (0, preset_classes_1.resolveBreadcrumbsSeparator)(options?.separator, options?.layout);
+    const itemClasses = (0, preset_classes_1.getBreadcrumbsItemClasses)();
+    return ((0, jsx_runtime_1.jsx)("nav", { className: (0, class_names_1.cn)((0, preset_classes_1.getBreadcrumbsNavClasses)(options?.layout), className), "aria-label": options?.ariaLabel ?? 'Breadcrumb', children: (0, jsx_runtime_1.jsx)("ol", { role: "list", className: (0, preset_classes_1.getBreadcrumbsListClasses)(), children: items.map((item, idx) => ((0, jsx_runtime_1.jsxs)("li", { className: itemClasses, children: [idx > 0 && (0, jsx_runtime_1.jsx)(Separator, { separator: separator }), item.current ? ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getBreadcrumbsLinkClasses)(true), "aria-current": "page", children: (0, jsx_runtime_1.jsx)(ItemContent, { item: item }) })) : item.href ? ((0, jsx_runtime_1.jsx)("a", { href: item.href, className: (0, preset_classes_1.getBreadcrumbsLinkClasses)(false), children: (0, jsx_runtime_1.jsx)(ItemContent, { item: item }) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, preset_classes_1.getBreadcrumbsLinkClasses)(false), onClick: () => itemClick(item.id), children: (0, jsx_runtime_1.jsx)(ItemContent, { item: item }) }))] }, item.id))) }) }));
+}
+function ItemContent({ item }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.iconTpl, item.label, item.srOnlyLabel && ((0, jsx_runtime_1.jsx)("span", { className: "smart:sr-only", children: item.srOnlyLabel }))] }));
+}
+function Separator({ separator }) {
+    const className = (0, preset_classes_1.getBreadcrumbsSeparatorClasses)(separator);
+    switch (separator) {
+        case 'slash':
+            return ((0, jsx_runtime_1.jsx)("svg", { className: className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M6 13L10 3", stroke: "currentColor", strokeLinecap: "round" }) }));
+        case 'arrow':
+            return ((0, jsx_runtime_1.jsxs)("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("path", { d: "M5 12h14" }), (0, jsx_runtime_1.jsx)("path", { d: "m12 5 7 7-7 7" })] }));
+        default:
+            return ((0, jsx_runtime_1.jsx)("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "m9 18 6-6-6-6" }) }));
+    }
+}
+//# sourceMappingURL=breadcrumbs-preset.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { SmartBreadcrumbsLayout, SmartBreadcrumbsSeparator } from '../../../models';
+export declare function getBreadcrumbsNavClasses(layout?: SmartBreadcrumbsLayout): string;
+export declare function getBreadcrumbsListClasses(): string;
+export declare function getBreadcrumbsItemClasses(): string;
+export declare function getBreadcrumbsLinkClasses(current: boolean): string;
+export declare function getBreadcrumbsCurrentClasses(): string;
+export declare function getBreadcrumbsSeparatorClasses(separator: SmartBreadcrumbsSeparator): string;
+/**
+ * Layouts that imply a separator glyph let the explicit `separator` option win
+ * when both are provided.
+ */
+export declare function resolveBreadcrumbsSeparator(separator?: SmartBreadcrumbsSeparator, layout?: SmartBreadcrumbsLayout): SmartBreadcrumbsSeparator;

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

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBreadcrumbsNavClasses = getBreadcrumbsNavClasses;
+exports.getBreadcrumbsListClasses = getBreadcrumbsListClasses;
+exports.getBreadcrumbsItemClasses = getBreadcrumbsItemClasses;
+exports.getBreadcrumbsLinkClasses = getBreadcrumbsLinkClasses;
+exports.getBreadcrumbsCurrentClasses = getBreadcrumbsCurrentClasses;
+exports.getBreadcrumbsSeparatorClasses = getBreadcrumbsSeparatorClasses;
+exports.resolveBreadcrumbsSeparator = resolveBreadcrumbsSeparator;
+/**
+ * Class recipes for the styled (preset) breadcrumbs, translated from the
+ * Preline breadcrumb component to `smart:`-prefixed vanilla Tailwind with
+ * explicit `dark:` variants.
+ */
+const LIST_BASE = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:whitespace-nowrap',
+].join(' ');
+const ITEM_BASE = ['smart:inline-flex', 'smart:items-center'].join(' ');
+const LINK_BASE = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:text-sm',
+    // gray-600 rather than Preline's gray-500: the `contained` and
+    // `full-width-bar` layouts sit on a gray-100 surface, where gray-500 is
+    // 4.39:1 and misses WCAG AA.
+    'smart:text-gray-600',
+    'smart:dark:text-gray-400',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:text-blue-400',
+    'smart:focus:outline-none',
+    'smart:focus:text-blue-600',
+    'smart:dark:focus:text-blue-400',
+].join(' ');
+const CURRENT_BASE = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:text-sm',
+    'smart:font-semibold',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:truncate',
+].join(' ');
+const SEPARATOR_BASE = [
+    'smart:shrink-0',
+    'smart:mx-2',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+// The Preline slash glyph is drawn slightly larger than the chevron/arrow.
+const SEPARATOR_SIZE = {
+    chevron: 'smart:size-4',
+    slash: 'smart:size-5',
+    arrow: 'smart:size-4',
+};
+const LAYOUT_CLASSES = {
+    contained: [
+        'smart:inline-block',
+        'smart:bg-gray-100',
+        'smart:rounded-lg',
+        'smart:px-4',
+        'smart:py-3',
+        'smart:dark:bg-gray-800',
+    ].join(' '),
+    'full-width-bar': [
+        'smart:block',
+        'smart:w-full',
+        'smart:bg-gray-100',
+        'smart:border-y',
+        'smart:border-gray-200',
+        'smart:px-4',
+        'smart:py-3',
+        'smart:dark:bg-gray-800',
+        'smart:dark:border-gray-700',
+    ].join(' '),
+    'simple-with-chevrons': '',
+    'simple-with-slashes': '',
+};
+function getBreadcrumbsNavClasses(layout) {
+    return layout ? LAYOUT_CLASSES[layout] : '';
+}
+function getBreadcrumbsListClasses() {
+    return LIST_BASE;
+}
+function getBreadcrumbsItemClasses() {
+    return ITEM_BASE;
+}
+function getBreadcrumbsLinkClasses(current) {
+    return current ? CURRENT_BASE : LINK_BASE;
+}
+function getBreadcrumbsCurrentClasses() {
+    return CURRENT_BASE;
+}
+function getBreadcrumbsSeparatorClasses(separator) {
+    return `${SEPARATOR_BASE} ${SEPARATOR_SIZE[separator]}`;
+}
+/**
+ * Layouts that imply a separator glyph let the explicit `separator` option win
+ * when both are provided.
+ */
+function resolveBreadcrumbsSeparator(separator, layout) {
+    if (separator) {
+        return separator;
+    }
+    if (layout === 'simple-with-slashes') {
+        return 'slash';
+    }
+    return 'chevron';
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/breadcrumbs/preset/preset-classes.ts"],"names":[],"mappings":";;AAmFA,4DAIC;AAED,8DAEC;AAED,8DAEC;AAED,8DAEC;AAED,oEAEC;AAED,wEAIC;AAMD,kEAWC;AAzHD;;;;GAIG;AAEH,MAAM,SAAS,GAAG;IAChB,YAAY;IACZ,oBAAoB;IACpB,yBAAyB;CAC1B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,SAAS,GAAG,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAExE,MAAM,SAAS,GAAG;IAChB,YAAY;IACZ,oBAAoB;IACpB,eAAe;IACf,+DAA+D;IAC/D,wEAAwE;IACxE,6BAA6B;IAC7B,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,gCAAgC;IAChC,0BAA0B;IAC1B,2BAA2B;IAC3B,gCAAgC;CACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,YAAY,GAAG;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,uBAAuB;IACvB,gBAAgB;CACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG;IACrB,gBAAgB;IAChB,YAAY;IACZ,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,2EAA2E;AAC3E,MAAM,cAAc,GAA8C;IAChE,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEF,MAAM,cAAc,GAA2C;IAC7D,SAAS,EAAE;QACT,oBAAoB;QACpB,mBAAmB;QACnB,kBAAkB;QAClB,YAAY;QACZ,YAAY;QACZ,wBAAwB;KACzB,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,gBAAgB,EAAE;QAChB,aAAa;QACb,cAAc;QACd,mBAAmB;QACnB,gBAAgB;QAChB,uBAAuB;QACvB,YAAY;QACZ,YAAY;QACZ,wBAAwB;QACxB,4BAA4B;KAC7B,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,sBAAsB,EAAE,EAAE;IAC1B,qBAAqB,EAAE,EAAE;CAC1B,CAAC;AAEF,SAAgB,wBAAwB,CACtC,MAA+B;IAE/B,OAAO,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9C,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,yBAAyB,CAAC,OAAgB;IACxD,OAAO,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5C,CAAC;AAED,SAAgB,4BAA4B;IAC1C,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,8BAA8B,CAC5C,SAAoC;IAEpC,OAAO,GAAG,cAAc,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;AAC1D,CAAC;AAED;;;GAGG;AACH,SAAgB,2BAA2B,CACzC,SAAqC,EACrC,MAA+B;IAE/B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,MAAM,KAAK,qBAAqB,EAAE,CAAC;QACrC,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartBreadcrumbsProps } from '../breadcrumbs.types';
+/**
+ * The default breadcrumbs rendering (`<smart-breadcrumbs-standard>`):
+ * semantic markup with `breadcrumbs-*` class hooks; items with `href` are
+ * links, the others buttons reporting `onItemClick`.
+ */
+export declare function SmartBreadcrumbsStandard(props: SmartBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartBreadcrumbsStandard = SmartBreadcrumbsStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_breadcrumbs_1 = require("../use-breadcrumbs");
+/**
+ * The default breadcrumbs rendering (`<smart-breadcrumbs-standard>`):
+ * semantic markup with `breadcrumbs-*` class hooks; items with `href` are
+ * links, the others buttons reporting `onItemClick`.
+ */
+function SmartBreadcrumbsStandard(props) {
+    const { options, className } = props;
+    const { items, itemClick } = (0, use_breadcrumbs_1.useBreadcrumbs)(props);
+    return ((0, jsx_runtime_1.jsx)("nav", { className: (0, class_names_1.cn)('breadcrumbs', className), "aria-label": options?.ariaLabel ?? 'Breadcrumb', children: (0, jsx_runtime_1.jsx)("ol", { role: "list", className: "breadcrumbs-list", children: items.map((item, idx) => ((0, jsx_runtime_1.jsxs)("li", { className: "breadcrumbs-item", children: [idx > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "breadcrumbs-separator", "data-separator": options?.separator ?? 'chevron', "aria-hidden": "true" })), item.href ? ((0, jsx_runtime_1.jsx)("a", { href: item.href, className: (0, class_names_1.cn)('breadcrumbs-link', item.current && 'current'), "aria-current": item.current ? 'page' : undefined, children: (0, jsx_runtime_1.jsx)(ItemContent, { item: item }) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('breadcrumbs-button', item.current && 'current'), "aria-current": item.current ? 'page' : undefined, onClick: () => itemClick(item.id), children: (0, jsx_runtime_1.jsx)(ItemContent, { item: item }) }))] }, item.id))) }) }));
+}
+function ItemContent({ item }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.iconTpl && (0, jsx_runtime_1.jsx)("span", { className: "breadcrumbs-icon", children: item.iconTpl }), item.label && (0, jsx_runtime_1.jsx)("span", { className: "breadcrumbs-label", children: item.label }), item.srOnlyLabel && (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: item.srOnlyLabel })] }));
+}
+//# sourceMappingURL=breadcrumbs-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/breadcrumbs/standard/breadcrumbs-standard.tsx"],"names":[],"mappings":";;AAUA,4DA0CC;;AAnDD,4DAAgD;AAEhD,wDAAoD;AAEpD;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,KAA4B;IACnE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAc,EAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,gBAC3B,OAAO,EAAE,SAAS,IAAI,YAAY,YAE9C,+BAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,gCAAkB,SAAS,EAAC,kBAAkB,aAC3C,GAAG,GAAG,CAAC,IAAI,CACV,iCACE,SAAS,EAAC,uBAAuB,oBACjB,OAAO,EAAE,SAAS,IAAI,SAAS,iBACnC,MAAM,GACZ,CACT,EACA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,8BACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAA,gBAAE,EAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,kBAC9C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAE/C,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACzB,CACL,CAAC,CAAC,CAAC,CACF,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EAAC,oBAAoB,EAAE,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,kBAChD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,YAEjC,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,CACV,KAzBM,IAAI,CAAC,EAAE,CA0BX,CACN,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAA6B;IACtD,OAAO,CACL,6DACG,IAAI,CAAC,OAAO,IAAI,iCAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,OAAO,GAAQ,EACxE,IAAI,CAAC,KAAK,IAAI,iCAAM,SAAS,EAAC,mBAAmB,YAAE,IAAI,CAAC,KAAK,GAAQ,EACrE,IAAI,CAAC,WAAW,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,WAAW,GAAQ,IACvE,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SmartBreadcrumbsProps } from './breadcrumbs.types';
+/**
+ * The behaviour every breadcrumbs variant shares (the Angular
+ * `BreadcrumbsBaseComponent` and the `onItemClick` method of its variants):
+ * the items to render and the click on an item without `href`, reported as
+ * `{ itemId }`.
+ */
+export declare function useBreadcrumbs({ options, onItemClick, }: Pick<SmartBreadcrumbsProps, 'options' | 'onItemClick'>): {
+    items: import("../../models").IBreadcrumbItem[];
+    itemClick: (itemId: string) => void | undefined;
+};

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreadcrumbs = useBreadcrumbs;
+const react_1 = require("react");
+/**
+ * The behaviour every breadcrumbs variant shares (the Angular
+ * `BreadcrumbsBaseComponent` and the `onItemClick` method of its variants):
+ * the items to render and the click on an item without `href`, reported as
+ * `{ itemId }`.
+ */
+function useBreadcrumbs({ options, onItemClick, }) {
+    const itemClick = (0, react_1.useCallback)((itemId) => onItemClick?.({ itemId }), [onItemClick]);
+    return { items: options?.items ?? [], itemClick };
+}
+//# sourceMappingURL=use-breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-breadcrumbs.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/breadcrumbs/use-breadcrumbs.ts"],"names":[],"mappings":";;AAUA,wCAUC;AApBD,iCAAoC;AAIpC;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,WAAW,GAC4C;IACvD,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,MAAc,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAC7C,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC;AACpD,CAAC"}

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

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

package/src/lib/components/button/button.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/button/button.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/button/button.types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { IButtonOptions } from '../../models';
+export interface SmartButtonProps {
+    options: IButtonOptions;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { SmartButtonProps } from '../button.types';
+/**
+ * Styled button variation (preset). Register it as `components.button` on
+ * `SmartProvider` to restyle every `<SmartButton>`, or render it directly.
+ *
+ * Groups the Preline button types into one component selected by
+ * `options.variant` (`primary` -> solid, `secondary` -> outline, `soft` ->
+ * soft), across every `SmartColor` and `SmartSize`. Honours
+ * `options.rounded` / `options.circular`, `options.loading`,
+ * `options.confirm` and `disabled`.
+ */
+export declare function SmartButtonPreset(props: SmartButtonProps): import("react/jsx-runtime").JSX.Element;