@qoretechnologies/reqore 0.64.4 → 0.66.0

package/dist/components/EntityRow/index.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
+import { IReqoreIconName } from '../../types/icons';
+import { IReqoreButtonProps, TReqoreBadge } from '../Button';
+import { IReqoreEffect, TReqoreEffectColor } from '../Effect';
+import { IReqoreIconProps } from '../Icon';
+export interface IReqoreEntityRowAction extends Omit<IReqoreButtonProps, 'children'> {
+    /** Visible button label. */
+    label?: string;
+}
+export interface IReqoreEntityRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip {
+    /** Primary text — e.g. the Qog name. */
+    label: React.ReactNode;
+    /** Secondary text — typically a one-line description. */
+    description?: React.ReactNode;
+    /** Tertiary text — e.g. "Last run: success · 3 hours ago · 384ms". */
+    metadata?: React.ReactNode;
+    /** Badge(s) shown next to the label, identical to other Reqore components. */
+    badge?: TReqoreBadge | TReqoreBadge[];
+    /** Icon shown in the leading icon tile. */
+    icon?: IReqoreIconName;
+    /** Image rendered inside the leading icon tile (overrides `icon` if both set). */
+    iconImage?: string;
+    /** Custom color for the leading icon (defaults to intent or readable color). */
+    iconColor?: TReqoreEffectColor;
+    /** Additional props passed to the leading ReqoreIcon. */
+    iconProps?: Partial<IReqoreIconProps>;
+    /** Right-side action button(s). */
+    actions?: IReqoreEntityRowAction[];
+    /** Hide the intent-tinted background. Mirrors `transparent` on other components. */
+    transparent?: boolean;
+    /** Round the row corners. Default `true`. */
+    rounded?: boolean;
+    /** Show the leading icon tile. Default `true` when icon/iconImage is provided. */
+    showIcon?: boolean;
+    /**
+     * Subtle 3D "raised" effect — inset top highlight + inset bottom shadow.
+     * Best paired with `flat={true}` (no border); the highlight is suppressed
+     * when `flat={false}` because the border already provides surface definition.
+     */
+    raised?: boolean;
+    /** Effect applied to the label text. */
+    labelEffect?: IReqoreEffect;
+    /** Effect applied to the description text. */
+    descriptionEffect?: IReqoreEffect;
+    /** Effect applied to the metadata text. */
+    metadataEffect?: IReqoreEffect;
+    /**
+     * Whether description and metadata wrap when they overflow.
+     * - `true` (default): wrap to multiple lines
+     * - `false`: single line with ellipsis
+     */
+    wrap?: boolean;
+}
+declare const ReqoreEntityRow: import("react").MemoExoticComponent<(props: IReqoreEntityRowProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
+export default ReqoreEntityRow;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/EntityRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAe,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,aAAa,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC5E,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKvD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAClF,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtC,mCAAmC;IACnC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACnC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,2CAA2C;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA+HD,QAAA,MAAM,eAAe,+MA4IpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/EntityRow/index.js

@@ -0,0 +1,175 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
+var utils_1 = require("../../helpers/utils");
+var useTheme_1 = require("../../hooks/useTheme");
+var styles_1 = require("../../styles");
+var Button_1 = __importStar(require("../Button"));
+var ControlGroup_1 = __importDefault(require("../ControlGroup"));
+var Effect_1 = require("../Effect");
+var Icon_1 = __importDefault(require("../Icon"));
+var Paragraph_1 = require("../Paragraph");
+var Span_1 = require("../Span");
+var TooltipComponent_1 = require("../TooltipComponent");
+var ICON_TILE_SIZE_FROM_SIZE = {
+    micro: 18,
+    tiny: 22,
+    small: 26,
+    normal: 32,
+    big: 40,
+    huge: 48,
+    massive: 56
+};
+var tintedBgFor = function (theme, intent) {
+    return intent
+        ? (0, polished_1.rgba)(theme.intents[intent], 0.06)
+        : (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.04), 1);
+};
+var StyledRow = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", "px\n    ", "px;\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", "px\n    ", "px;\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var $hasIcon = _a.$hasIcon, size = _a.size;
+    return $hasIcon ? "".concat(ICON_TILE_SIZE_FROM_SIZE[size], "px 1fr auto") : '1fr auto';
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.PADDING_FROM_SIZE[size] * 2;
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.PADDING_FROM_SIZE[size] * 2;
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.PADDING_FROM_SIZE[size] * 3;
+}, function (_a) {
+    var rounded = _a.rounded, size = _a.size;
+    return (rounded ? "".concat(sizes_1.RADIUS_FROM_SIZE[size], "px") : '0');
+}, function (_a) {
+    var theme = _a.theme, $intent = _a.$intent, $transparent = _a.$transparent;
+    return $transparent ? 'transparent' : tintedBgFor(theme, $intent);
+}, function (_a) {
+    var flat = _a.flat, theme = _a.theme, $intent = _a.$intent;
+    return flat
+        ? 'none'
+        : "1px solid ".concat((0, colors_1.changeLightness)($intent ? theme.intents[$intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.08));
+}, function (_a) {
+    var $fluid = _a.$fluid;
+    return ($fluid ? '100%' : 'auto');
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+}, function (_a) {
+    var $clickable = _a.$clickable, theme = _a.theme, $intent = _a.$intent;
+    return $clickable && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), $intent
+        ? (0, polished_1.rgba)(theme.intents[$intent], 0.1)
+        : (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08), 1));
+}, function (_a) {
+    var $raised = _a.$raised, flat = _a.flat;
+    return $raised && flat !== false && styles_1.RaisedElement;
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && styles_1.DisabledElement;
+});
+var StyledIconTile = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"])), function (_a) {
+    var $size = _a.$size;
+    return ICON_TILE_SIZE_FROM_SIZE[$size];
+}, function (_a) {
+    var $size = _a.$size;
+    return ICON_TILE_SIZE_FROM_SIZE[$size];
+}, function (_a) {
+    var $size = _a.$size;
+    return sizes_1.RADIUS_FROM_SIZE[$size];
+}, function (_a) {
+    var theme = _a.theme, $intent = _a.$intent;
+    return $intent
+        ? (0, polished_1.rgba)(theme.intents[$intent], 0.15)
+        : (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.06), 1);
+});
+var StyledBody = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"])));
+var StyledLabelLine = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"])), function (_a) {
+    var $wrap = _a.$wrap;
+    return ($wrap ? 'wrap' : 'nowrap');
+});
+// `text-overflow: ellipsis` only works on the actual text-bearing element,
+// not its wrapper. Cascade into the inner <ReqoreP>/<ReqoreSpan> via `& > *`
+// so the `…` glyph appears. The wrapper itself stays a flex item that can
+// shrink below its content (`min-width: 0; flex: 1 1 auto`).
+var StyledTextSlot = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
+    var $wrap = _a.$wrap;
+    return !$wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "], ["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "])));
+});
+var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
+    var label = _a.label, description = _a.description, metadata = _a.metadata, badge = _a.badge, icon = _a.icon, iconImage = _a.iconImage, iconColor = _a.iconColor, iconProps = _a.iconProps, actions = _a.actions, intent = _a.intent, _b = _a.transparent, transparent = _b === void 0 ? false : _b, showIcon = _a.showIcon, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.flat, flat = _d === void 0 ? true : _d, _e = _a.fluid, fluid = _e === void 0 ? true : _e, _f = _a.rounded, rounded = _f === void 0 ? true : _f, raised = _a.raised, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, disabled = _a.disabled, tooltip = _a.tooltip, effect = _a.effect, labelEffect = _a.labelEffect, descriptionEffect = _a.descriptionEffect, metadataEffect = _a.metadataEffect, _g = _a.wrap, wrap = _g === void 0 ? true : _g, className = _a.className, rest = __rest(_a, ["label", "description", "metadata", "badge", "icon", "iconImage", "iconColor", "iconProps", "actions", "intent", "transparent", "showIcon", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "metadataEffect", "wrap", "className"]);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
+    var secondarySize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
+    var hasIcon = (showIcon !== null && showIcon !== void 0 ? showIcon : (!!icon || !!iconImage)) && (!!icon || !!iconImage);
+    var interactive = !!(rest.onClick || rest.onDoubleClick);
+    var hasBadge = badge !== undefined && badge !== null;
+    var resolvedIconColor = (0, react_1.useMemo)(function () {
+        if (iconColor)
+            return iconColor;
+        if (intent)
+            return theme.intents[intent];
+        return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+    }, [iconColor, intent, theme]);
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, disabled: disabled, "$hasIcon": hasIcon, effect: effect, className: "".concat(className || '', " reqore-entity-row") }, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(StyledIconTile, __assign({ theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) }))), (0, jsx_runtime_1.jsxs)(StyledBody, __assign({ className: 'reqore-entity-row-body' }, { children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, __assign({ "$wrap": wrap, className: 'reqore-entity-row-label' }, { children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: size, effect: labelEffect }, { children: label })) })), hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' }))] })), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description' }, { children: description })) }))), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata' }, { children: metadata })) })))] })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ gapSize: 'small', className: 'reqore-entity-row-actions' }, { children: actions.map(function (action, idx) {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ size: size, intent: (_a = action.intent) !== null && _a !== void 0 ? _a : intent }, action, { children: action.label }), idx));
+                }) })))] })));
+}));
+exports["default"] = ReqoreEntityRow;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map

package/dist/components/EntityRow/index.js.map

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

package/dist/components/FeatureCard/index.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
+import { TReqoreBadge } from '../Button';
+import { IReqoreEffect } from '../Effect';
+export type TReqoreFeatureCardMarker = 'line' | 'number' | 'none';
+export interface IReqoreFeatureCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreSize, IWithReqoreTooltip {
+    /** Card heading. */
+    label: React.ReactNode;
+    /** Effect applied to the label heading. */
+    labelEffect?: IReqoreEffect;
+    /** Body copy under the label. */
+    description?: React.ReactNode;
+    /** Effect applied to the description paragraph. */
+    descriptionEffect?: IReqoreEffect;
+    /** Visual marker rendered above the label. */
+    marker?: TReqoreFeatureCardMarker;
+    /** Used when `marker === 'number'`. */
+    markerLabel?: string | number;
+    /** Effect applied to the marker label. */
+    markerEffect?: IReqoreEffect;
+    /** Badge(s) shown next to the label, identical to other Reqore components. */
+    badge?: TReqoreBadge | TReqoreBadge[];
+    /** Round the card corners. Default `true`. */
+    rounded?: boolean;
+    /** Marks the card as clickable; auto-detected from `onClick`. */
+    interactive?: boolean;
+    /** Hide the card's tinted background. */
+    transparent?: boolean;
+    /**
+     * Subtle 3D "raised" effect — inset top highlight + inset bottom shadow.
+     * Best paired with `flat={true}` (no border); the highlight is suppressed
+     * when `flat={false}` because the border already provides surface definition.
+     */
+    raised?: boolean;
+    /**
+     * Whether the description wraps when it overflows.
+     * - `true` (default): wrap to multiple lines
+     * - `false`: single line with ellipsis
+     */
+    wrap?: boolean;
+}
+export declare const ReqoreFeatureCard: import("react").MemoExoticComponent<(props: IReqoreFeatureCardProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
+export default ReqoreFeatureCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FeatureCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureCard/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAe,YAAY,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAKxD,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB;IACpB,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0HD,eAAO,MAAM,iBAAiB,iNA0G7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/FeatureCard/index.js

@@ -0,0 +1,138 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+exports.__esModule = true;
+exports.ReqoreFeatureCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
+var utils_1 = require("../../helpers/utils");
+var useTheme_1 = require("../../hooks/useTheme");
+var styles_1 = require("../../styles");
+var Button_1 = require("../Button");
+var Effect_1 = require("../Effect");
+var Header_1 = require("../Header");
+var Paragraph_1 = require("../Paragraph");
+var TooltipComponent_1 = require("../TooltipComponent");
+var StyledFeatureCard = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", "px;\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", "px;\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.PADDING_FROM_SIZE[size];
+}, function (_a) {
+    var fluid = _a.fluid, fixed = _a.fixed;
+    return (fluid && !fixed ? '100%' : undefined);
+}, function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return sizes_1.PADDING_FROM_SIZE[size] * 3;
+}, function (_a) {
+    var theme = _a.theme, $transparent = _a.$transparent;
+    return $transparent ? 'transparent' : (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03);
+}, function (_a) {
+    var theme = _a.theme, intent = _a.intent, flat = _a.flat;
+    return flat
+        ? 0
+        : "1px solid ".concat((0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.08));
+}, function (_a) {
+    var rounded = _a.rounded, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
+    return rounded === false ? 0 : "".concat(sizes_1.RADIUS_FROM_SIZE[size], "px");
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+}, function (_a) {
+    var fluid = _a.fluid;
+    return (fluid ? '1 auto' : '0 0 auto');
+}, function (_a) {
+    var $raised = _a.$raised, flat = _a.flat;
+    return $raised && flat !== false && styles_1.RaisedElement;
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && styles_1.DisabledElement;
+}, function (_a) {
+    var interactive = _a.interactive, theme = _a.theme, intent = _a.intent;
+    return interactive
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "], ["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.18)) : undefined;
+});
+var StyledFeatureCardMarker = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n"], ["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, intent = _a.intent;
+    return intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22);
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.TEXT_FROM_SIZE[size] * 1.4;
+}, function (_a) {
+    var marker = _a.marker, theme = _a.theme, intent = _a.intent;
+    return marker === 'line'
+        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          &::before {\n            content: '';\n            width: 32px;\n            height: 6px;\n            background-color: ", ";\n            box-shadow: 0 0 22px\n              ", ";\n          }\n        "], ["\n          &::before {\n            content: '';\n            width: 32px;\n            height: 6px;\n            background-color: ", ";\n            box-shadow: 0 0 22px\n              ", ";\n          }\n        "])), intent
+            ? theme.intents[intent]
+            : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), (0, polished_1.rgba)(intent
+            ? theme.intents[intent]
+            : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), 0.8)) : undefined;
+});
+var StyledFeatureCardContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"])));
+var StyledLabelRow = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"])));
+// Cascade ellipsis CSS into the inner ReqoreP — `text-overflow: ellipsis`
+// only takes effect on the actual text-bearing element.
+var StyledTextSlot = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
+    var $wrap = _a.$wrap;
+    return !$wrap && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "], ["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "])));
+});
+exports.ReqoreFeatureCard = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
+    var label = _a.label, labelEffect = _a.labelEffect, description = _a.description, descriptionEffect = _a.descriptionEffect, _b = _a.marker, marker = _b === void 0 ? 'line' : _b, markerLabel = _a.markerLabel, markerEffect = _a.markerEffect, badge = _a.badge, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, className = _a.className, flat = _a.flat, fluid = _a.fluid, fixed = _a.fixed, disabled = _a.disabled, tooltip = _a.tooltip, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.transparent, transparent = _e === void 0 ? false : _e, raised = _a.raised, _f = _a.wrap, wrap = _f === void 0 ? true : _f, effect = _a.effect, interactive = _a.interactive, onClick = _a.onClick, rest = __rest(_a, ["label", "labelEffect", "description", "descriptionEffect", "marker", "markerLabel", "markerEffect", "badge", "size", "customTheme", "inheritCustomTheme", "intent", "className", "flat", "fluid", "fixed", "disabled", "tooltip", "rounded", "transparent", "raised", "wrap", "effect", "interactive", "onClick"]);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
+    var labelSize = (0, react_1.useMemo)(function () { return sizes_1.HEADER_SIZE_TO_NUMBER[size]; }, [size]);
+    var descriptionSize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
+    var isInteractive = interactive || !!onClick;
+    var hasBadge = badge !== undefined && badge !== null;
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledFeatureCard, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, className: "".concat(className || '', " reqore-feature-card") }, { children: [marker !== 'none' && ((0, jsx_runtime_1.jsx)(StyledFeatureCardMarker, __assign({ marker: marker, size: size, theme: theme, intent: intent, className: 'reqore-feature-card-marker' }, { children: marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: markerEffect }, { children: markerLabel }))) }))), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, __assign({ className: 'reqore-feature-card-content' }, { children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, __assign({ className: 'reqore-feature-card-label-row' }, { children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label' }, { children: label })) })), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] })), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, __assign({ "$wrap": wrap }, { children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: descriptionSize, customTheme: theme, effect: __assign({ opacity: 0.72 }, descriptionEffect), className: 'reqore-feature-card-description' }, { children: description })) })))] }))] })));
+}));
+exports["default"] = exports.ReqoreFeatureCard;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=index.js.map

package/dist/components/FeatureCard/index.js.map

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

package/dist/components/Icon/index.d.ts

@@ -19,6 +19,20 @@ export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement>,
     animation?: 'spin' | 'heartbeat';
     interactive?: boolean;
     compact?: boolean;
+    /**
+     * Subtle glow rendered behind the icon shape via `filter: drop-shadow(...)`
+     * so it follows the icon's actual contour rather than its bounding box.
+     *
+     * - `true` — glow with the icon's resolved colour (intent / `color` prop / readable default)
+     * - `TReqoreEffectColor` — glow with that specific colour
+     * - object — `{ color?, blur?, opacity? }` for full control
+     */
+    glow?: boolean | TReqoreEffectColor | IReqoreGlowConfig;
+}
+export interface IReqoreGlowConfig {
+    color?: TReqoreEffectColor;
+    blur?: number;
+    opacity?: number;
 }
 export declare const StyledIconWrapper: any;
 declare const ReqoreIcon: React.MemoExoticComponent<(props: IReqoreIconProps & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;

package/dist/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,eAAO,MAAM,iBAAiB,KA6C7B,CAAC;AAEF,QAAA,MAAM,UAAU,mKAuGf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAIlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAWD,eAAO,MAAM,iBAAiB,KA6C7B,CAAC;AAEF,QAAA,MAAM,UAAU,mKA6If,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Icon/index.js

@@ -51,6 +51,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 exports.__esModule = true;
 exports.StyledIconWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
 var react_1 = require("react");
 var react_icons_1 = require("react-icons");
 var RemixIcons = __importStar(require("react-icons/ri"));
@@ -59,6 +60,7 @@ var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
+var useReqoreContext_1 = require("../../hooks/useReqoreContext");
 var Effect_1 = require("../Effect");
 var TooltipComponent_1 = require("../TooltipComponent");
 var SpinKeyframes = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"], ["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"])));
@@ -95,8 +97,9 @@ exports.StyledIconWrapper = (0, styled_components_1["default"])(Effect_1.StyledE
     return animation === 'spin' && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      animation: ", " 1s linear infinite;\n    "], ["\n      animation: ", " 1s linear infinite;\n    "])), SpinKeyframes);
 });
 var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
-    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image"]);
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, glow = _a.glow, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image", "glow"]);
     var theme = (0, __1.useReqoreTheme)();
+    var glowingIconsDefault = (0, useReqoreContext_1.useReqoreProperty)('glowingIcons');
     var Icon = RemixIcons["Ri".concat(icon)];
     var finalColor = (0, react_1.useMemo)(function () { return (intent ? theme.intents[intent] : (0, colors_1.getColorFromMaybeString)(theme, color)); }, [intent, theme, color]);
     var finalSize = (0, utils_1.isStringSize)(size) ? sizes_1.ICON_FROM_SIZE[size] : size;
@@ -108,7 +111,35 @@ var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var finalMarginSize = (0, utils_1.isStringSize)(marginSize)
         ? sizes_1.PADDING_FROM_SIZE[marginSize]
         : marginSize;
-    var finalStyle = (0, react_1.useMemo)(function () { return (__assign({ width: finalWrapperSize, height: finalWrapperSize }, style)); }, [finalWrapperSize, style]);
+    // Resolve the glow shorthand into a `filter: drop-shadow(...)` value so
+    // the glow follows the SVG outline rather than the wrapper's bounding box.
+    // When the local `glow` prop is undefined, fall back to the global
+    // `glowingIcons` UI option so a single switch can turn glows on app-wide.
+    // Pass `glow={false}` explicitly to opt a single icon out.
+    var effectiveGlow = glow === undefined ? glowingIconsDefault : glow;
+    var glowFilter = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d;
+        if (!effectiveGlow)
+            return undefined;
+        var config = typeof effectiveGlow === 'boolean'
+            ? {}
+            : typeof effectiveGlow === 'string'
+                ? { color: effectiveGlow }
+                : effectiveGlow;
+        // Resolution order: explicit glow.color → icon's intent/color prop.
+        // When the prop was set explicitly (not via the global `glowingIcons`
+        // option), fall back to a theme-readable colour so a plain icon still
+        // glows. The global flag intentionally does NOT force-glow uncoloured
+        // icons — it only enhances icons that already have an intent/colour.
+        var explicit = glow !== undefined;
+        var resolved = (_b = (_a = (config.color ? (0, colors_1.getColorFromMaybeString)(theme, config.color) : undefined)) !== null && _a !== void 0 ? _a : finalColor) !== null && _b !== void 0 ? _b : (explicit ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true) : undefined);
+        if (!resolved)
+            return undefined;
+        var blur = (_c = config.blur) !== null && _c !== void 0 ? _c : 5;
+        var opacity = (_d = config.opacity) !== null && _d !== void 0 ? _d : 0.8;
+        return "drop-shadow(0 0 ".concat(blur, "px ").concat((0, polished_1.rgba)(resolved, opacity), ")");
+    }, [effectiveGlow, glow, finalColor, theme]);
+    var finalStyle = (0, react_1.useMemo)(function () { return (__assign(__assign({ width: finalWrapperSize, height: finalWrapperSize }, (glowFilter ? { filter: glowFilter } : {})), style)); }, [finalWrapperSize, glowFilter, style]);
     if (image) {
         return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: exports.StyledIconWrapper, as: wrapperElement, ref: ref, size: size, margin: margin, marginSize: finalMarginSize, className: "".concat(className || '', " reqore-icon"), style: finalStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: image, alt: '' }) })));
     }

package/dist/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Message/index.d.ts

@@ -18,6 +18,12 @@ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqore
     hasShadow?: boolean;
     margin?: 'top' | 'bottom' | 'both' | 'none';
     backgroundBlur?: number;
+    /**
+     * Subtle 3D "raised" effect — inset top highlight + inset bottom shadow.
+     * Best paired with `flat={true}` and a non-`minimal` message; suppressed
+     * when `flat={false}` (border) or `minimal={true}` (no surface).
+     */
+    raised?: boolean;
 }
 export interface IReqoreNotificationStyle extends IReqoreMessageProps {
     theme: IReqoreTheme;