@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartButtonPreset = SmartButtonPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const icon_1 = require("../../icon");
+const use_button_1 = require("../use-button");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * 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`.
+ */
+function SmartButtonPreset(props) {
+    const { options, disabled = false, className, children } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { mode, loading, invoke, confirmInvoke, confirmCancel } = (0, use_button_1.useButton)(props);
+    const buttonClasses = (0, preset_classes_1.getButtonPresetClasses)((0, preset_classes_1.toButtonPresetVariant)(options?.variant), options?.color ?? 'indigo', options?.size ?? 'md', {
+        rounded: Boolean(options?.rounded),
+        circular: Boolean(options?.circular),
+    });
+    if (mode !== 'confirm') {
+        return ((0, jsx_runtime_1.jsx)("button", { type: options?.type ?? 'button', className: (0, class_names_1.cn)(buttonClasses, className), disabled: disabled || loading, onClick: invoke, children: loading ? (0, jsx_runtime_1.jsx)(icon_1.SmartIcon, { name: "spinner" }) : children }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "smart:inline-flex smart:flex-wrap smart:gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:inline-flex smart:items-center smart:justify-center smart:gap-x-2 smart:rounded-lg smart:border smart:border-gray-200 smart:bg-white smart:px-4 smart:py-3 smart:text-sm smart:font-medium smart:text-gray-800 smart:shadow-2xs smart:transition-colors smart:hover:bg-gray-50 smart:focus:outline-none smart:focus:bg-gray-50 smart:dark:border-gray-700 smart:dark:bg-gray-800 smart:dark:text-gray-200 smart:dark:hover:bg-gray-700 smart:dark:focus:bg-gray-700", onClick: confirmCancel, children: t('cancel') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:inline-flex smart:items-center smart:justify-center smart:gap-x-2 smart:rounded-lg smart:border smart:border-blue-600 smart:bg-blue-600 smart:px-4 smart:py-3 smart:text-sm smart:font-medium smart:text-white smart:transition-colors smart:hover:bg-blue-700 smart:focus:outline-none smart:focus:bg-blue-700 smart:dark:border-blue-500 smart:dark:bg-blue-500 smart:dark:hover:bg-blue-600 smart:dark:focus:bg-blue-600", onClick: confirmInvoke, children: t('confirm') })] }));
+}
+//# sourceMappingURL=button-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button/preset/button-preset.tsx"],"names":[],"mappings":";;AAoBA,8CA+CC;;AAnED,oDAAwD;AACxD,4DAAgD;AAChD,qCAAuC;AAEvC,8CAA0C;AAC1C,qDAG0B;AAE1B;;;;;;;;;GASG;AACH,SAAgB,iBAAiB,CAAC,KAAuB;IACvD,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAC3D,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,IAAA,uCAAsB,EAC1C,IAAA,sCAAqB,EAAC,OAAO,EAAE,OAAO,CAAC,EACvC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAC1B,OAAO,EAAE,IAAI,IAAI,IAAI,EACrB;QACE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC;QAClC,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC;KACrC,CACF,CAAC;IAEF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,mCACE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAC/B,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,MAAM,YAEd,OAAO,CAAC,CAAC,CAAC,uBAAC,gBAAS,IAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,GAC3C,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,+CAA+C,aAC5D,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2cAA2c,EACrd,OAAO,EAAE,aAAa,YAErB,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,maAAma,EAC7a,OAAO,EAAE,aAAa,YAErB,CAAC,CAAC,SAAS,CAAC,GACN,IACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+import { SmartColor, SmartSize, SmartVariant } from '../../../models';
+/**
+ * Visual style of the preset button, mapped from the shared {@link SmartVariant}:
+ * `primary` -> `solid`, `secondary` -> `outline`, `soft` -> `soft`.
+ */
+export type SmartButtonPresetVariant = 'solid' | 'outline' | 'soft';
+export declare function toButtonPresetVariant(variant: SmartVariant | undefined): SmartButtonPresetVariant;
+export interface ButtonPresetShape {
+    rounded: boolean;
+    circular: boolean;
+}
+export declare function getButtonPresetClasses(variant: SmartButtonPresetVariant, color: SmartColor, size: SmartSize, shape: ButtonPresetShape): string;

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

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toButtonPresetVariant = toButtonPresetVariant;
+exports.getButtonPresetClasses = getButtonPresetClasses;
+const VARIANT_BY_SMART_VARIANT = {
+    primary: 'solid',
+    secondary: 'outline',
+    soft: 'soft',
+};
+function toButtonPresetVariant(variant) {
+    return VARIANT_BY_SMART_VARIANT[variant ?? 'primary'];
+}
+const SOLID_CLASSES_BY_COLOR = {
+    slate: 'smart:border smart:border-slate-600 smart:bg-slate-600 smart:text-white smart:hover:bg-slate-700 smart:focus:bg-slate-700 smart:dark:border-slate-500 smart:dark:bg-slate-500 smart:dark:hover:bg-slate-600 smart:dark:focus:bg-slate-600',
+    gray: 'smart:border smart:border-gray-600 smart:bg-gray-600 smart:text-white smart:hover:bg-gray-700 smart:focus:bg-gray-700 smart:dark:border-gray-500 smart:dark:bg-gray-500 smart:dark:hover:bg-gray-600 smart:dark:focus:bg-gray-600',
+    zinc: 'smart:border smart:border-zinc-600 smart:bg-zinc-600 smart:text-white smart:hover:bg-zinc-700 smart:focus:bg-zinc-700 smart:dark:border-zinc-500 smart:dark:bg-zinc-500 smart:dark:hover:bg-zinc-600 smart:dark:focus:bg-zinc-600',
+    neutral: 'smart:border smart:border-neutral-600 smart:bg-neutral-600 smart:text-white smart:hover:bg-neutral-700 smart:focus:bg-neutral-700 smart:dark:border-neutral-500 smart:dark:bg-neutral-500 smart:dark:hover:bg-neutral-600 smart:dark:focus:bg-neutral-600',
+    stone: 'smart:border smart:border-stone-600 smart:bg-stone-600 smart:text-white smart:hover:bg-stone-700 smart:focus:bg-stone-700 smart:dark:border-stone-500 smart:dark:bg-stone-500 smart:dark:hover:bg-stone-600 smart:dark:focus:bg-stone-600',
+    red: 'smart:border smart:border-red-600 smart:bg-red-600 smart:text-white smart:hover:bg-red-700 smart:focus:bg-red-700 smart:dark:border-red-500 smart:dark:bg-red-500 smart:dark:hover:bg-red-600 smart:dark:focus:bg-red-600',
+    orange: 'smart:border smart:border-orange-600 smart:bg-orange-600 smart:text-white smart:hover:bg-orange-700 smart:focus:bg-orange-700 smart:dark:border-orange-500 smart:dark:bg-orange-500 smart:dark:hover:bg-orange-600 smart:dark:focus:bg-orange-600',
+    amber: 'smart:border smart:border-amber-600 smart:bg-amber-600 smart:text-white smart:hover:bg-amber-700 smart:focus:bg-amber-700 smart:dark:border-amber-500 smart:dark:bg-amber-500 smart:dark:hover:bg-amber-600 smart:dark:focus:bg-amber-600',
+    yellow: 'smart:border smart:border-yellow-600 smart:bg-yellow-600 smart:text-white smart:hover:bg-yellow-700 smart:focus:bg-yellow-700 smart:dark:border-yellow-500 smart:dark:bg-yellow-500 smart:dark:hover:bg-yellow-600 smart:dark:focus:bg-yellow-600',
+    lime: 'smart:border smart:border-lime-600 smart:bg-lime-600 smart:text-white smart:hover:bg-lime-700 smart:focus:bg-lime-700 smart:dark:border-lime-500 smart:dark:bg-lime-500 smart:dark:hover:bg-lime-600 smart:dark:focus:bg-lime-600',
+    green: 'smart:border smart:border-green-600 smart:bg-green-600 smart:text-white smart:hover:bg-green-700 smart:focus:bg-green-700 smart:dark:border-green-500 smart:dark:bg-green-500 smart:dark:hover:bg-green-600 smart:dark:focus:bg-green-600',
+    emerald: 'smart:border smart:border-emerald-600 smart:bg-emerald-600 smart:text-white smart:hover:bg-emerald-700 smart:focus:bg-emerald-700 smart:dark:border-emerald-500 smart:dark:bg-emerald-500 smart:dark:hover:bg-emerald-600 smart:dark:focus:bg-emerald-600',
+    teal: 'smart:border smart:border-teal-600 smart:bg-teal-600 smart:text-white smart:hover:bg-teal-700 smart:focus:bg-teal-700 smart:dark:border-teal-500 smart:dark:bg-teal-500 smart:dark:hover:bg-teal-600 smart:dark:focus:bg-teal-600',
+    cyan: 'smart:border smart:border-cyan-600 smart:bg-cyan-600 smart:text-white smart:hover:bg-cyan-700 smart:focus:bg-cyan-700 smart:dark:border-cyan-500 smart:dark:bg-cyan-500 smart:dark:hover:bg-cyan-600 smart:dark:focus:bg-cyan-600',
+    sky: 'smart:border smart:border-sky-600 smart:bg-sky-600 smart:text-white smart:hover:bg-sky-700 smart:focus:bg-sky-700 smart:dark:border-sky-500 smart:dark:bg-sky-500 smart:dark:hover:bg-sky-600 smart:dark:focus:bg-sky-600',
+    blue: 'smart:border smart:border-blue-600 smart:bg-blue-600 smart:text-white smart:hover:bg-blue-700 smart:focus:bg-blue-700 smart:dark:border-blue-500 smart:dark:bg-blue-500 smart:dark:hover:bg-blue-600 smart:dark:focus:bg-blue-600',
+    indigo: 'smart:border smart:border-indigo-600 smart:bg-indigo-600 smart:text-white smart:hover:bg-indigo-700 smart:focus:bg-indigo-700 smart:dark:border-indigo-500 smart:dark:bg-indigo-500 smart:dark:hover:bg-indigo-600 smart:dark:focus:bg-indigo-600',
+    violet: 'smart:border smart:border-violet-600 smart:bg-violet-600 smart:text-white smart:hover:bg-violet-700 smart:focus:bg-violet-700 smart:dark:border-violet-500 smart:dark:bg-violet-500 smart:dark:hover:bg-violet-600 smart:dark:focus:bg-violet-600',
+    purple: 'smart:border smart:border-purple-600 smart:bg-purple-600 smart:text-white smart:hover:bg-purple-700 smart:focus:bg-purple-700 smart:dark:border-purple-500 smart:dark:bg-purple-500 smart:dark:hover:bg-purple-600 smart:dark:focus:bg-purple-600',
+    fuchsia: 'smart:border smart:border-fuchsia-600 smart:bg-fuchsia-600 smart:text-white smart:hover:bg-fuchsia-700 smart:focus:bg-fuchsia-700 smart:dark:border-fuchsia-500 smart:dark:bg-fuchsia-500 smart:dark:hover:bg-fuchsia-600 smart:dark:focus:bg-fuchsia-600',
+    pink: 'smart:border smart:border-pink-600 smart:bg-pink-600 smart:text-white smart:hover:bg-pink-700 smart:focus:bg-pink-700 smart:dark:border-pink-500 smart:dark:bg-pink-500 smart:dark:hover:bg-pink-600 smart:dark:focus:bg-pink-600',
+    rose: 'smart:border smart:border-rose-600 smart:bg-rose-600 smart:text-white smart:hover:bg-rose-700 smart:focus:bg-rose-700 smart:dark:border-rose-500 smart:dark:bg-rose-500 smart:dark:hover:bg-rose-600 smart:dark:focus:bg-rose-600',
+};
+const OUTLINE_CLASSES_BY_COLOR = {
+    slate: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-slate-600 smart:hover:text-slate-600 smart:focus:border-slate-600 smart:focus:text-slate-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-slate-500 smart:dark:hover:text-slate-400 smart:dark:focus:border-slate-500 smart:dark:focus:text-slate-400',
+    gray: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-gray-600 smart:hover:text-gray-600 smart:focus:border-gray-600 smart:focus:text-gray-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-gray-500 smart:dark:hover:text-gray-400 smart:dark:focus:border-gray-500 smart:dark:focus:text-gray-400',
+    zinc: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-zinc-600 smart:hover:text-zinc-600 smart:focus:border-zinc-600 smart:focus:text-zinc-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-zinc-500 smart:dark:hover:text-zinc-400 smart:dark:focus:border-zinc-500 smart:dark:focus:text-zinc-400',
+    neutral: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-neutral-600 smart:hover:text-neutral-600 smart:focus:border-neutral-600 smart:focus:text-neutral-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-neutral-500 smart:dark:hover:text-neutral-400 smart:dark:focus:border-neutral-500 smart:dark:focus:text-neutral-400',
+    stone: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-stone-600 smart:hover:text-stone-600 smart:focus:border-stone-600 smart:focus:text-stone-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-stone-500 smart:dark:hover:text-stone-400 smart:dark:focus:border-stone-500 smart:dark:focus:text-stone-400',
+    red: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-red-600 smart:hover:text-red-600 smart:focus:border-red-600 smart:focus:text-red-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-red-500 smart:dark:hover:text-red-400 smart:dark:focus:border-red-500 smart:dark:focus:text-red-400',
+    orange: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-orange-600 smart:hover:text-orange-600 smart:focus:border-orange-600 smart:focus:text-orange-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-orange-500 smart:dark:hover:text-orange-400 smart:dark:focus:border-orange-500 smart:dark:focus:text-orange-400',
+    amber: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-amber-600 smart:hover:text-amber-600 smart:focus:border-amber-600 smart:focus:text-amber-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-amber-500 smart:dark:hover:text-amber-400 smart:dark:focus:border-amber-500 smart:dark:focus:text-amber-400',
+    yellow: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-yellow-600 smart:hover:text-yellow-600 smart:focus:border-yellow-600 smart:focus:text-yellow-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-yellow-500 smart:dark:hover:text-yellow-400 smart:dark:focus:border-yellow-500 smart:dark:focus:text-yellow-400',
+    lime: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-lime-600 smart:hover:text-lime-600 smart:focus:border-lime-600 smart:focus:text-lime-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-lime-500 smart:dark:hover:text-lime-400 smart:dark:focus:border-lime-500 smart:dark:focus:text-lime-400',
+    green: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-green-600 smart:hover:text-green-600 smart:focus:border-green-600 smart:focus:text-green-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-green-500 smart:dark:hover:text-green-400 smart:dark:focus:border-green-500 smart:dark:focus:text-green-400',
+    emerald: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-emerald-600 smart:hover:text-emerald-600 smart:focus:border-emerald-600 smart:focus:text-emerald-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-emerald-500 smart:dark:hover:text-emerald-400 smart:dark:focus:border-emerald-500 smart:dark:focus:text-emerald-400',
+    teal: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-teal-600 smart:hover:text-teal-600 smart:focus:border-teal-600 smart:focus:text-teal-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-teal-500 smart:dark:hover:text-teal-400 smart:dark:focus:border-teal-500 smart:dark:focus:text-teal-400',
+    cyan: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-cyan-600 smart:hover:text-cyan-600 smart:focus:border-cyan-600 smart:focus:text-cyan-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-cyan-500 smart:dark:hover:text-cyan-400 smart:dark:focus:border-cyan-500 smart:dark:focus:text-cyan-400',
+    sky: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-sky-600 smart:hover:text-sky-600 smart:focus:border-sky-600 smart:focus:text-sky-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-sky-500 smart:dark:hover:text-sky-400 smart:dark:focus:border-sky-500 smart:dark:focus:text-sky-400',
+    blue: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-blue-600 smart:hover:text-blue-600 smart:focus:border-blue-600 smart:focus:text-blue-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-blue-500 smart:dark:hover:text-blue-400 smart:dark:focus:border-blue-500 smart:dark:focus:text-blue-400',
+    indigo: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-indigo-600 smart:hover:text-indigo-600 smart:focus:border-indigo-600 smart:focus:text-indigo-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-indigo-500 smart:dark:hover:text-indigo-400 smart:dark:focus:border-indigo-500 smart:dark:focus:text-indigo-400',
+    violet: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-violet-600 smart:hover:text-violet-600 smart:focus:border-violet-600 smart:focus:text-violet-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-violet-500 smart:dark:hover:text-violet-400 smart:dark:focus:border-violet-500 smart:dark:focus:text-violet-400',
+    purple: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-purple-600 smart:hover:text-purple-600 smart:focus:border-purple-600 smart:focus:text-purple-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-purple-500 smart:dark:hover:text-purple-400 smart:dark:focus:border-purple-500 smart:dark:focus:text-purple-400',
+    fuchsia: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-fuchsia-600 smart:hover:text-fuchsia-600 smart:focus:border-fuchsia-600 smart:focus:text-fuchsia-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-fuchsia-500 smart:dark:hover:text-fuchsia-400 smart:dark:focus:border-fuchsia-500 smart:dark:focus:text-fuchsia-400',
+    pink: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-pink-600 smart:hover:text-pink-600 smart:focus:border-pink-600 smart:focus:text-pink-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-pink-500 smart:dark:hover:text-pink-400 smart:dark:focus:border-pink-500 smart:dark:focus:text-pink-400',
+    rose: 'smart:border smart:border-gray-200 smart:text-gray-600 smart:hover:border-rose-600 smart:hover:text-rose-600 smart:focus:border-rose-600 smart:focus:text-rose-600 smart:dark:border-gray-700 smart:dark:text-gray-300 smart:dark:hover:border-rose-500 smart:dark:hover:text-rose-400 smart:dark:focus:border-rose-500 smart:dark:focus:text-rose-400',
+};
+const SOFT_CLASSES_BY_COLOR = {
+    slate: 'smart:border smart:border-transparent smart:bg-slate-100 smart:text-slate-800 smart:hover:bg-slate-200 smart:focus:bg-slate-200 smart:dark:bg-slate-500/20 smart:dark:text-slate-400 smart:dark:hover:bg-slate-500/30 smart:dark:focus:bg-slate-500/30',
+    gray: 'smart:border smart:border-transparent smart:bg-gray-100 smart:text-gray-800 smart:hover:bg-gray-200 smart:focus:bg-gray-200 smart:dark:bg-gray-500/20 smart:dark:text-gray-400 smart:dark:hover:bg-gray-500/30 smart:dark:focus:bg-gray-500/30',
+    zinc: 'smart:border smart:border-transparent smart:bg-zinc-100 smart:text-zinc-800 smart:hover:bg-zinc-200 smart:focus:bg-zinc-200 smart:dark:bg-zinc-500/20 smart:dark:text-zinc-400 smart:dark:hover:bg-zinc-500/30 smart:dark:focus:bg-zinc-500/30',
+    neutral: 'smart:border smart:border-transparent smart:bg-neutral-100 smart:text-neutral-800 smart:hover:bg-neutral-200 smart:focus:bg-neutral-200 smart:dark:bg-neutral-500/20 smart:dark:text-neutral-400 smart:dark:hover:bg-neutral-500/30 smart:dark:focus:bg-neutral-500/30',
+    stone: 'smart:border smart:border-transparent smart:bg-stone-100 smart:text-stone-800 smart:hover:bg-stone-200 smart:focus:bg-stone-200 smart:dark:bg-stone-500/20 smart:dark:text-stone-400 smart:dark:hover:bg-stone-500/30 smart:dark:focus:bg-stone-500/30',
+    red: 'smart:border smart:border-transparent smart:bg-red-100 smart:text-red-800 smart:hover:bg-red-200 smart:focus:bg-red-200 smart:dark:bg-red-500/20 smart:dark:text-red-400 smart:dark:hover:bg-red-500/30 smart:dark:focus:bg-red-500/30',
+    orange: 'smart:border smart:border-transparent smart:bg-orange-100 smart:text-orange-800 smart:hover:bg-orange-200 smart:focus:bg-orange-200 smart:dark:bg-orange-500/20 smart:dark:text-orange-400 smart:dark:hover:bg-orange-500/30 smart:dark:focus:bg-orange-500/30',
+    amber: 'smart:border smart:border-transparent smart:bg-amber-100 smart:text-amber-800 smart:hover:bg-amber-200 smart:focus:bg-amber-200 smart:dark:bg-amber-500/20 smart:dark:text-amber-400 smart:dark:hover:bg-amber-500/30 smart:dark:focus:bg-amber-500/30',
+    yellow: 'smart:border smart:border-transparent smart:bg-yellow-100 smart:text-yellow-800 smart:hover:bg-yellow-200 smart:focus:bg-yellow-200 smart:dark:bg-yellow-500/20 smart:dark:text-yellow-400 smart:dark:hover:bg-yellow-500/30 smart:dark:focus:bg-yellow-500/30',
+    lime: 'smart:border smart:border-transparent smart:bg-lime-100 smart:text-lime-800 smart:hover:bg-lime-200 smart:focus:bg-lime-200 smart:dark:bg-lime-500/20 smart:dark:text-lime-400 smart:dark:hover:bg-lime-500/30 smart:dark:focus:bg-lime-500/30',
+    green: 'smart:border smart:border-transparent smart:bg-green-100 smart:text-green-800 smart:hover:bg-green-200 smart:focus:bg-green-200 smart:dark:bg-green-500/20 smart:dark:text-green-400 smart:dark:hover:bg-green-500/30 smart:dark:focus:bg-green-500/30',
+    emerald: 'smart:border smart:border-transparent smart:bg-emerald-100 smart:text-emerald-800 smart:hover:bg-emerald-200 smart:focus:bg-emerald-200 smart:dark:bg-emerald-500/20 smart:dark:text-emerald-400 smart:dark:hover:bg-emerald-500/30 smart:dark:focus:bg-emerald-500/30',
+    teal: 'smart:border smart:border-transparent smart:bg-teal-100 smart:text-teal-800 smart:hover:bg-teal-200 smart:focus:bg-teal-200 smart:dark:bg-teal-500/20 smart:dark:text-teal-400 smart:dark:hover:bg-teal-500/30 smart:dark:focus:bg-teal-500/30',
+    cyan: 'smart:border smart:border-transparent smart:bg-cyan-100 smart:text-cyan-800 smart:hover:bg-cyan-200 smart:focus:bg-cyan-200 smart:dark:bg-cyan-500/20 smart:dark:text-cyan-400 smart:dark:hover:bg-cyan-500/30 smart:dark:focus:bg-cyan-500/30',
+    sky: 'smart:border smart:border-transparent smart:bg-sky-100 smart:text-sky-800 smart:hover:bg-sky-200 smart:focus:bg-sky-200 smart:dark:bg-sky-500/20 smart:dark:text-sky-400 smart:dark:hover:bg-sky-500/30 smart:dark:focus:bg-sky-500/30',
+    blue: 'smart:border smart:border-transparent smart:bg-blue-100 smart:text-blue-800 smart:hover:bg-blue-200 smart:focus:bg-blue-200 smart:dark:bg-blue-500/20 smart:dark:text-blue-400 smart:dark:hover:bg-blue-500/30 smart:dark:focus:bg-blue-500/30',
+    indigo: 'smart:border smart:border-transparent smart:bg-indigo-100 smart:text-indigo-800 smart:hover:bg-indigo-200 smart:focus:bg-indigo-200 smart:dark:bg-indigo-500/20 smart:dark:text-indigo-400 smart:dark:hover:bg-indigo-500/30 smart:dark:focus:bg-indigo-500/30',
+    violet: 'smart:border smart:border-transparent smart:bg-violet-100 smart:text-violet-800 smart:hover:bg-violet-200 smart:focus:bg-violet-200 smart:dark:bg-violet-500/20 smart:dark:text-violet-400 smart:dark:hover:bg-violet-500/30 smart:dark:focus:bg-violet-500/30',
+    purple: 'smart:border smart:border-transparent smart:bg-purple-100 smart:text-purple-800 smart:hover:bg-purple-200 smart:focus:bg-purple-200 smart:dark:bg-purple-500/20 smart:dark:text-purple-400 smart:dark:hover:bg-purple-500/30 smart:dark:focus:bg-purple-500/30',
+    fuchsia: 'smart:border smart:border-transparent smart:bg-fuchsia-100 smart:text-fuchsia-800 smart:hover:bg-fuchsia-200 smart:focus:bg-fuchsia-200 smart:dark:bg-fuchsia-500/20 smart:dark:text-fuchsia-400 smart:dark:hover:bg-fuchsia-500/30 smart:dark:focus:bg-fuchsia-500/30',
+    pink: 'smart:border smart:border-transparent smart:bg-pink-100 smart:text-pink-800 smart:hover:bg-pink-200 smart:focus:bg-pink-200 smart:dark:bg-pink-500/20 smart:dark:text-pink-400 smart:dark:hover:bg-pink-500/30 smart:dark:focus:bg-pink-500/30',
+    rose: 'smart:border smart:border-transparent smart:bg-rose-100 smart:text-rose-800 smart:hover:bg-rose-200 smart:focus:bg-rose-200 smart:dark:bg-rose-500/20 smart:dark:text-rose-400 smart:dark:hover:bg-rose-500/30 smart:dark:focus:bg-rose-500/30',
+};
+const COLOR_MAP = {
+    solid: SOLID_CLASSES_BY_COLOR,
+    outline: OUTLINE_CLASSES_BY_COLOR,
+    soft: SOFT_CLASSES_BY_COLOR,
+};
+const BASE_BUTTON = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:justify-center',
+    'smart:gap-x-2',
+    'smart:font-medium',
+    'smart:transition-colors',
+    'smart:focus:outline-none',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+const SIZE_CLASSES = {
+    xs: 'smart:px-2.5 smart:py-1.5 smart:text-xs',
+    sm: 'smart:px-3 smart:py-2 smart:text-sm',
+    md: 'smart:px-4 smart:py-3 smart:text-sm',
+    lg: 'smart:px-5 smart:py-3.5 smart:text-sm',
+    xl: 'smart:px-5 smart:py-4 smart:text-base',
+};
+const CIRCULAR_SIZE_CLASSES = {
+    xs: 'smart:p-1.5 smart:text-xs',
+    sm: 'smart:p-2 smart:text-sm',
+    md: 'smart:p-3 smart:text-sm',
+    lg: 'smart:p-3.5 smart:text-sm',
+    xl: 'smart:p-4 smart:text-base',
+};
+const SHAPE_ROUNDED = 'smart:rounded-lg';
+const SHAPE_PILL = 'smart:rounded-full';
+function getButtonPresetClasses(variant, color, size, shape) {
+    const sizeClass = shape.circular
+        ? CIRCULAR_SIZE_CLASSES[size]
+        : SIZE_CLASSES[size];
+    const shapeClass = shape.circular || shape.rounded ? SHAPE_PILL : SHAPE_ROUNDED;
+    return [BASE_BUTTON, COLOR_MAP[variant][color], shapeClass, sizeClass].join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button/preset/preset-classes.ts"],"names":[],"mappings":";;AAeA,sDAIC;AA8JD,wDAeC;AAxLD,MAAM,wBAAwB,GAC5B;IACE,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,MAAM;CACb,CAAC;AAEJ,SAAgB,qBAAqB,CACnC,OAAiC;IAEjC,OAAO,wBAAwB,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,sBAAsB,GAA+B;IACzD,KAAK,EACH,2OAA2O;IAC7O,IAAI,EAAE,mOAAmO;IACzO,IAAI,EAAE,mOAAmO;IACzO,OAAO,EACL,2PAA2P;IAC7P,KAAK,EACH,2OAA2O;IAC7O,GAAG,EAAE,2NAA2N;IAChO,MAAM,EACJ,mPAAmP;IACrP,KAAK,EACH,2OAA2O;IAC7O,MAAM,EACJ,mPAAmP;IACrP,IAAI,EAAE,mOAAmO;IACzO,KAAK,EACH,2OAA2O;IAC7O,OAAO,EACL,2PAA2P;IAC7P,IAAI,EAAE,mOAAmO;IACzO,IAAI,EAAE,mOAAmO;IACzO,GAAG,EAAE,2NAA2N;IAChO,IAAI,EAAE,mOAAmO;IACzO,MAAM,EACJ,mPAAmP;IACrP,MAAM,EACJ,mPAAmP;IACrP,MAAM,EACJ,mPAAmP;IACrP,OAAO,EACL,2PAA2P;IAC7P,IAAI,EAAE,mOAAmO;IACzO,IAAI,EAAE,mOAAmO;CAC1O,CAAC;AAEF,MAAM,wBAAwB,GAA+B;IAC3D,KAAK,EACH,gWAAgW;IAClW,IAAI,EAAE,wVAAwV;IAC9V,IAAI,EAAE,wVAAwV;IAC9V,OAAO,EACL,gXAAgX;IAClX,KAAK,EACH,gWAAgW;IAClW,GAAG,EAAE,gVAAgV;IACrV,MAAM,EACJ,wWAAwW;IAC1W,KAAK,EACH,gWAAgW;IAClW,MAAM,EACJ,wWAAwW;IAC1W,IAAI,EAAE,wVAAwV;IAC9V,KAAK,EACH,gWAAgW;IAClW,OAAO,EACL,gXAAgX;IAClX,IAAI,EAAE,wVAAwV;IAC9V,IAAI,EAAE,wVAAwV;IAC9V,GAAG,EAAE,gVAAgV;IACrV,IAAI,EAAE,wVAAwV;IAC9V,MAAM,EACJ,wWAAwW;IAC1W,MAAM,EACJ,wWAAwW;IAC1W,MAAM,EACJ,wWAAwW;IAC1W,OAAO,EACL,gXAAgX;IAClX,IAAI,EAAE,wVAAwV;IAC9V,IAAI,EAAE,wVAAwV;CAC/V,CAAC;AAEF,MAAM,qBAAqB,GAA+B;IACxD,KAAK,EACH,wPAAwP;IAC1P,IAAI,EAAE,gPAAgP;IACtP,IAAI,EAAE,gPAAgP;IACtP,OAAO,EACL,wQAAwQ;IAC1Q,KAAK,EACH,wPAAwP;IAC1P,GAAG,EAAE,wOAAwO;IAC7O,MAAM,EACJ,gQAAgQ;IAClQ,KAAK,EACH,wPAAwP;IAC1P,MAAM,EACJ,gQAAgQ;IAClQ,IAAI,EAAE,gPAAgP;IACtP,KAAK,EACH,wPAAwP;IAC1P,OAAO,EACL,wQAAwQ;IAC1Q,IAAI,EAAE,gPAAgP;IACtP,IAAI,EAAE,gPAAgP;IACtP,GAAG,EAAE,wOAAwO;IAC7O,IAAI,EAAE,gPAAgP;IACtP,MAAM,EACJ,gQAAgQ;IAClQ,MAAM,EACJ,gQAAgQ;IAClQ,MAAM,EACJ,gQAAgQ;IAClQ,OAAO,EACL,wQAAwQ;IAC1Q,IAAI,EAAE,gPAAgP;IACtP,IAAI,EAAE,gPAAgP;CACvP,CAAC;AAEF,MAAM,SAAS,GAGX;IACF,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,wBAAwB;IACjC,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,sBAAsB;IACtB,eAAe;IACf,mBAAmB;IACnB,yBAAyB;IACzB,0BAA0B;IAC1B,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,YAAY,GAA8B;IAC9C,EAAE,EAAE,yCAAyC;IAC7C,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,uCAAuC;IAC3C,EAAE,EAAE,uCAAuC;CAC5C,CAAC;AAEF,MAAM,qBAAqB,GAA8B;IACvD,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;CAChC,CAAC;AAEF,MAAM,aAAa,GAAG,kBAAkB,CAAC;AACzC,MAAM,UAAU,GAAG,oBAAoB,CAAC;AAOxC,SAAgB,sBAAsB,CACpC,OAAiC,EACjC,KAAiB,EACjB,IAAe,EACf,KAAwB;IAExB,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ;QAC9B,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC;QAC7B,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,UAAU,GACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;IAE/D,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,CACzE,GAAG,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+import { SmartButtonProps } from '../button.types';
+/** The default button rendering (`<smart-button-standard>`). */
+export declare function SmartButtonStandard(props: SmartButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartButtonStandard = SmartButtonStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const icon_1 = require("../../icon");
+const use_button_1 = require("../use-button");
+/** The default button rendering (`<smart-button-standard>`). */
+function SmartButtonStandard(props) {
+    const { options, disabled = false, className, children } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { mode, loading, variantClasses, invoke, confirmInvoke, confirmCancel, } = (0, use_button_1.useButton)(props);
+    const size = options?.size ?? 'md';
+    const classes = [
+        ...variantClasses,
+        'smart:inline-flex',
+        'smart:items-center',
+        'smart:justify-center',
+    ];
+    if (size === 'xs' || size === 'sm') {
+        classes.push('smart:rounded-sm');
+    }
+    else {
+        classes.push('smart:rounded-md');
+    }
+    if (size === 'xs')
+        classes.push('smart:px-2', 'smart:py-1', 'smart:text-xs');
+    else if (size === 'sm')
+        classes.push('smart:px-2', 'smart:py-1', 'smart:text-sm');
+    else if (size === 'md')
+        classes.push('smart:px-2.5', 'smart:py-1.5', 'smart:text-sm');
+    else if (size === 'lg')
+        classes.push('smart:px-3', 'smart:py-2', 'smart:text-sm');
+    else
+        classes.push('smart:px-3.5', 'smart:py-2.5', 'smart:text-sm');
+    if (mode !== 'confirm') {
+        return ((0, jsx_runtime_1.jsx)("button", { type: options?.type ?? 'button', className: (0, class_names_1.cn)(classes, className), disabled: disabled || loading, onClick: invoke, children: loading ? (0, jsx_runtime_1.jsx)(icon_1.SmartIcon, { name: "spinner" }) : children }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:rounded-md smart:bg-white smart:px-3 smart:py-2 smart:text-sm smart:font-semibold smart:text-gray-900 smart:shadow-xs smart:inset-ring smart:inset-ring-gray-300 smart:hover:bg-gray-50", onClick: confirmCancel, children: t('cancel') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:rounded-md smart:bg-indigo-600 smart:px-3 smart:py-2 smart:text-sm smart:font-semibold smart:text-white smart:shadow-xs smart:hover:bg-indigo-500 smart:focus-visible:outline-2 smart:focus-visible:outline-offset-2 smart:focus-visible:outline-indigo-600", onClick: confirmInvoke, children: t('confirm') })] }));
+}
+//# sourceMappingURL=button-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button/standard/button-standard.tsx"],"names":[],"mappings":";;AAOA,kDAkEC;;AAzED,oDAAwD;AACxD,4DAAgD;AAChD,qCAAuC;AAEvC,8CAA0C;AAE1C,gEAAgE;AAChE,SAAgB,mBAAmB,CAAC,KAAuB;IACzD,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,aAAa,EACb,aAAa,GACd,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAErB,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG;QACd,GAAG,cAAc;QACjB,mBAAmB;QACnB,oBAAoB;QACpB,sBAAsB;KACvB,CAAC;IAEF,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnC,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;SACxE,IAAI,IAAI,KAAK,IAAI;QACpB,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;SACvD,IAAI,IAAI,KAAK,IAAI;QACpB,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;SAC3D,IAAI,IAAI,KAAK,IAAI;QACpB,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;;QACvD,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;IAEnE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,mCACE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAC/B,SAAS,EAAE,IAAA,gBAAE,EAAC,OAAO,EAAE,SAAS,CAAC,EACjC,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,MAAM,YAEd,OAAO,CAAC,CAAC,CAAC,uBAAC,gBAAS,IAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,GAC3C,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6DACE,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+LAA+L,EACzM,OAAO,EAAE,aAAa,YAErB,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mQAAmQ,EAC7Q,OAAO,EAAE,aAAa,YAErB,CAAC,CAAC,SAAS,CAAC,GACN,IACR,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,15 @@
+import { SmartButtonProps } from './button.types';
+/**
+ * The behaviour every button variant shares (the Angular
+ * `ButtonBaseComponent`): the colour classes of the variant, and the confirm
+ * mode, where a first click asks for confirmation instead of running
+ * `options.click`.
+ */
+export declare function useButton({ options, disabled }: SmartButtonProps): {
+    mode: "confirm" | "default";
+    loading: boolean;
+    variantClasses: string[];
+    invoke: () => void;
+    confirmInvoke: () => void;
+    confirmCancel: () => void;
+};

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useButton = useButton;
+const react_1 = require("react");
+const models_1 = require("../../models");
+/**
+ * The behaviour every button variant shares (the Angular
+ * `ButtonBaseComponent`): the colour classes of the variant, and the confirm
+ * mode, where a first click asks for confirmation instead of running
+ * `options.click`.
+ */
+function useButton({ options, disabled = false }) {
+    const [mode, setMode] = (0, react_1.useState)('default');
+    const variantClasses = (0, react_1.useMemo)(() => {
+        const variant = options?.variant ?? 'primary';
+        const color = options?.color ?? 'indigo';
+        const classes = ['smart:font-semibold', 'smart:shadow-xs'];
+        const colorEntry = models_1.COMPONENT_COLORS[color] ?? models_1.COMPONENT_COLORS['indigo'];
+        classes.push(...colorEntry[variant]);
+        if (disabled) {
+            classes.push('smart:opacity-50', 'smart:cursor-not-allowed');
+        }
+        return classes;
+    }, [options?.variant, options?.color, disabled]);
+    const invoke = (0, react_1.useCallback)(() => {
+        if (!options)
+            return;
+        if (options.confirm) {
+            setMode('confirm');
+        }
+        else {
+            options.click();
+        }
+    }, [options]);
+    const confirmInvoke = (0, react_1.useCallback)(() => {
+        if (!options)
+            return;
+        options.click();
+        setMode('default');
+    }, [options]);
+    const confirmCancel = (0, react_1.useCallback)(() => {
+        if (!options)
+            return;
+        setMode('default');
+    }, [options]);
+    return {
+        mode,
+        loading: !!options?.loading,
+        variantClasses,
+        invoke,
+        confirmInvoke,
+        confirmCancel,
+    };
+}
+//# sourceMappingURL=use-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/button/use-button.ts"],"names":[],"mappings":";;AAWA,8BAiDC;AA5DD,iCAAuD;AAGvD,yCAA8D;AAE9D;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAoB;IACvE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAwB,SAAS,CAAC,CAAC;IAEnE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAAiB,OAAO,EAAE,OAAO,IAAI,SAAS,CAAC;QAC5D,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,QAAQ,CAAC;QACzC,MAAM,OAAO,GAAa,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;QACrE,MAAM,UAAU,GAAG,yBAAgB,CAAC,KAAK,CAAC,IAAI,yBAAgB,CAAC,QAAQ,CAAC,CAAC;QAEzE,OAAO,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC;QAC/D,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO;QAC3B,cAAc;QACd,MAAM;QACN,aAAa;QACb,aAAa;KACd,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SmartButtonGroupProps } from './button-group.types';
+/**
+ * `<smart-button-group>`: renders the implementation registered as
+ * `components['button-group']` on `SmartProvider` (the Angular
+ * `BUTTON_GROUP_STANDARD_COMPONENT_TOKEN`), `SmartButtonGroupStandard` by
+ * default.
+ */
+export declare function SmartButtonGroup(props: SmartButtonGroupProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/src/lib/components/button-group/button-group.types.d.ts

@@ -0,0 +1,21 @@
+import { IButtonGroupButton, IButtonGroupOptions } from '../../models';
+/** Payload of `onButtonClick` (the Angular `buttonClick` output). */
+export interface IButtonGroupButtonClick {
+    buttonId: string;
+}
+export interface SmartButtonGroupProps {
+    buttons?: IButtonGroupButton[];
+    options?: IButtonGroupOptions;
+    /**
+     * The id of the selected button (the Angular `selected` model). Controlled
+     * when defined; otherwise the group keeps the selection itself.
+     */
+    selected?: string;
+    /** The initial selection when `selected` is not controlled. */
+    defaultSelected?: string;
+    /** Called with the id of the button the user selected. */
+    onSelectedChange?: (selected: string) => void;
+    className?: string;
+    /** The Angular `buttonClick` output: a button was clicked. */
+    onButtonClick?: (event: IButtonGroupButtonClick) => void;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/button-group/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,+DAAqC;AACrC,uEAA6C;AAC7C,kEAAwC;AACxC,2EAAiD;AACjD,6DAAmC"}

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

@@ -0,0 +1,13 @@
+import { SmartButtonGroupProps } from '../button-group.types';
+/**
+ * Styled button group variation (preset). Register it as
+ * `components['button-group']` on `SmartProvider` to restyle every
+ * `<SmartButtonGroup>`, or render it directly.
+ *
+ * Renders a horizontal segmented control following the Preline button-group
+ * look (shared borders collapsed via `-ms-px`, rounded ends). The active
+ * segment (matching `selected`) is emphasised. `options.variant` tweaks the
+ * per-button content: `icon-only` hides labels (moving them to `aria-label`),
+ * `with-stat` styles the count pill.
+ */
+export declare function SmartButtonGroupPreset(props: SmartButtonGroupProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button-group/preset/button-group-preset.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartButtonGroupPreset = SmartButtonGroupPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_button_group_1 = require("../use-button-group");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled button group variation (preset). Register it as
+ * `components['button-group']` on `SmartProvider` to restyle every
+ * `<SmartButtonGroup>`, or render it directly.
+ *
+ * Renders a horizontal segmented control following the Preline button-group
+ * look (shared borders collapsed via `-ms-px`, rounded ends). The active
+ * segment (matching `selected`) is emphasised. `options.variant` tweaks the
+ * per-button content: `icon-only` hides labels (moving them to `aria-label`),
+ * `with-stat` styles the count pill.
+ */
+function SmartButtonGroupPreset(props) {
+    const { buttons = [], options, className = '' } = props;
+    const { selected, select } = (0, use_button_group_1.useButtonGroup)(props);
+    const variant = options?.variant ?? 'basic';
+    const iconOnly = variant === 'icon-only';
+    return ((0, jsx_runtime_1.jsx)("div", { role: "group", className: (0, class_names_1.cn)((0, preset_classes_1.getButtonGroupClasses)(), className), children: buttons.map((btn) => {
+            const active = selected === btn.id;
+            return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: btn.disabled, 
+                // No size field exists on IButtonGroupOptions, so the medium
+                // Preline size is used for every segment.
+                className: (0, preset_classes_1.getButtonGroupButtonClasses)('md', active), "aria-pressed": active, "aria-label": iconOnly ? btn.label : undefined, onClick: () => select(btn.id), children: [btn.icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getButtonGroupIconClasses)(), "aria-hidden": "true", children: btn.icon })), !iconOnly && btn.label && (0, jsx_runtime_1.jsx)("span", { children: btn.label }), !iconOnly && btn.count != null && ((0, jsx_runtime_1.jsx)("span", { "data-role": "count", className: (0, preset_classes_1.getButtonGroupCountClasses)(variant), children: btn.count }))] }, btn.id));
+        }) }));
+}
+//# sourceMappingURL=button-group-preset.js.map

package/src/lib/components/button-group/preset/button-group-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button-group/preset/button-group-preset.tsx"],"names":[],"mappings":";;AAsBA,wDA2CC;;AAhED,4DAAgD;AAEhD,0DAAqD;AACrD,qDAK0B;AAE1B;;;;;;;;;;GAUG;AACH,SAAgB,sBAAsB,CAAC,KAA4B;IACjE,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,OAAO,GAA4B,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC;IACrE,MAAM,QAAQ,GAAG,OAAO,KAAK,WAAW,CAAC;IAEzC,OAAO,CACL,gCAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,sCAAqB,GAAE,EAAE,SAAS,CAAC,YAChE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC;YAEnC,OAAO,CACL,oCAEE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,GAAG,CAAC,QAAQ;gBACtB,6DAA6D;gBAC7D,0CAA0C;gBAC1C,SAAS,EAAE,IAAA,4CAA2B,EAAC,IAAI,EAAE,MAAM,CAAC,kBACtC,MAAM,gBACR,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,aAE5B,GAAG,CAAC,IAAI,IAAI,CACX,iCAAM,SAAS,EAAE,IAAA,0CAAyB,GAAE,iBAAc,MAAM,YAC7D,GAAG,CAAC,IAAI,GACJ,CACR,EACA,CAAC,QAAQ,IAAI,GAAG,CAAC,KAAK,IAAI,2CAAO,GAAG,CAAC,KAAK,GAAQ,EAClD,CAAC,QAAQ,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,CACjC,8CACY,OAAO,EACjB,SAAS,EAAE,IAAA,2CAA0B,EAAC,OAAO,CAAC,YAE7C,GAAG,CAAC,KAAK,GACL,CACR,KAvBI,GAAG,CAAC,EAAE,CAwBJ,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SmartButtonGroupVariant } from '../../../models';
+export type ButtonGroupPresetSize = 'sm' | 'md' | 'lg';
+/**
+ * Outer wrapper of the segmented group.
+ * Preline: `inline-flex rounded-lg shadow-2xs`.
+ */
+export declare const BUTTON_GROUP_CONTAINER: string;
+export declare function getButtonGroupClasses(): string;
+export declare function getButtonGroupButtonClasses(size: ButtonGroupPresetSize, active: boolean): string;
+export declare function getButtonGroupCountClasses(variant: SmartButtonGroupVariant): string;
+export declare function getButtonGroupIconClasses(): string;

package/src/lib/components/button-group/preset/preset-classes.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_GROUP_CONTAINER = void 0;
+exports.getButtonGroupClasses = getButtonGroupClasses;
+exports.getButtonGroupButtonClasses = getButtonGroupButtonClasses;
+exports.getButtonGroupCountClasses = getButtonGroupCountClasses;
+exports.getButtonGroupIconClasses = getButtonGroupIconClasses;
+/**
+ * Outer wrapper of the segmented group.
+ * Preline: `inline-flex rounded-lg shadow-2xs`.
+ */
+exports.BUTTON_GROUP_CONTAINER = [
+    'smart:inline-flex',
+    'smart:rounded-lg',
+    'smart:shadow-2xs',
+].join(' ');
+/**
+ * Shared button recipe (Preline `bg-layer`/`border-layer-line`/… translated to
+ * vanilla Tailwind with explicit dark variants). Padding is applied separately
+ * via the size map.
+ */
+const BUTTON_BASE = [
+    'smart:-ms-px',
+    'smart:first:rounded-s-lg',
+    'smart:first:ms-0',
+    'smart:last:rounded-e-lg',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:focus:z-10',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:shadow-2xs',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+    'smart:focus:outline-none',
+    'smart:focus:bg-gray-100',
+    'smart:dark:focus:bg-gray-700',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+const SIZE_CLASSES = {
+    sm: 'smart:py-2 smart:px-3',
+    md: 'smart:py-3 smart:px-4',
+    lg: 'smart:py-3 smart:px-4 smart:sm:p-5',
+};
+/** Pressed/selected segment emphasis. */
+const ACTIVE_CLASSES = [
+    'smart:bg-gray-100',
+    'smart:dark:bg-gray-700',
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+].join(' ');
+/** Inline counter / stat pill rendered next to a label. */
+const COUNT_BASE = [
+    'smart:ms-1',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:rounded-full',
+    'smart:px-1.5',
+    'smart:text-xs',
+    'smart:font-medium',
+].join(' ');
+const COUNT_DEFAULT = 'smart:bg-gray-100 smart:text-gray-800 smart:dark:bg-gray-700 smart:dark:text-gray-300';
+const COUNT_STAT = 'smart:bg-blue-100 smart:text-blue-800 smart:dark:bg-blue-500/20 smart:dark:text-blue-400';
+const ICON = 'smart:shrink-0 smart:size-4';
+function getButtonGroupClasses() {
+    return exports.BUTTON_GROUP_CONTAINER;
+}
+function getButtonGroupButtonClasses(size, active) {
+    return [BUTTON_BASE, SIZE_CLASSES[size], active ? ACTIVE_CLASSES : '']
+        .join(' ')
+        .trim();
+}
+function getButtonGroupCountClasses(variant) {
+    return `${COUNT_BASE} ${variant === 'with-stat' ? COUNT_STAT : COUNT_DEFAULT}`;
+}
+function getButtonGroupIconClasses() {
+    return ICON;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/button-group/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button-group/preset/preset-classes.ts"],"names":[],"mappings":";;;AA+EA,sDAEC;AAED,kEAOC;AAED,gEAIC;AAED,8DAEC;AAhGD;;;GAGG;AACU,QAAA,sBAAsB,GAAG;IACpC,mBAAmB;IACnB,kBAAkB;IAClB,kBAAkB;CACnB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;GAIG;AACH,MAAM,WAAW,GAAG;IAClB,cAAc;IACd,0BAA0B;IAC1B,kBAAkB;IAClB,yBAAyB;IACzB,mBAAmB;IACnB,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,qBAAqB;IACrB,0BAA0B;IAC1B,kBAAkB;IAClB,yBAAyB;IACzB,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,8BAA8B;IAC9B,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,YAAY,GAA0C;IAC1D,EAAE,EAAE,uBAAuB;IAC3B,EAAE,EAAE,uBAAuB;IAC3B,EAAE,EAAE,oCAAoC;CACzC,CAAC;AAEF,yCAAyC;AACzC,MAAM,cAAc,GAAG;IACrB,mBAAmB;IACnB,wBAAwB;IACxB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,2DAA2D;AAC3D,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IACd,eAAe;IACf,mBAAmB;CACpB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GACjB,uFAAuF,CAAC;AAC1F,MAAM,UAAU,GACd,0FAA0F,CAAC;AAE7F,MAAM,IAAI,GAAG,6BAA6B,CAAC;AAE3C,SAAgB,qBAAqB;IACnC,OAAO,8BAAsB,CAAC;AAChC,CAAC;AAED,SAAgB,2BAA2B,CACzC,IAA2B,EAC3B,MAAe;IAEf,OAAO,CAAC,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;SACnE,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,0BAA0B,CACxC,OAAgC;IAEhC,OAAO,GAAG,UAAU,IAAI,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;AACjF,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO,IAAI,CAAC;AACd,CAAC"}

package/src/lib/components/button-group/standard/button-group-standard.d.ts

@@ -0,0 +1,6 @@
+import { SmartButtonGroupProps } from '../button-group.types';
+/**
+ * The default button group rendering (`<smart-button-group-standard>`): an
+ * unstyled `role="group"` of toggle buttons with their label and count.
+ */
+export declare function SmartButtonGroupStandard(props: SmartButtonGroupProps): import("react/jsx-runtime").JSX.Element;