@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartButtonGroupStandard = SmartButtonGroupStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_button_group_1 = require("../use-button-group");
+/**
+ * The default button group rendering (`<smart-button-group-standard>`): an
+ * unstyled `role="group"` of toggle buttons with their label and count.
+ */
+function SmartButtonGroupStandard(props) {
+    const { buttons = [], className } = props;
+    const { selected, select } = (0, use_button_group_1.useButtonGroup)(props);
+    return ((0, jsx_runtime_1.jsx)("div", { role: "group", className: className || undefined, children: buttons.map((btn) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: btn.disabled, "aria-pressed": selected === btn.id, onClick: () => select(btn.id), children: [btn.label && ((0, jsx_runtime_1.jsx)("span", { className: "smart-button-group-label", children: btn.label })), btn.count != null && ((0, jsx_runtime_1.jsx)("span", { className: "smart-button-group-count", children: btn.count }))] }, btn.id))) }));
+}
+//# sourceMappingURL=button-group-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/button-group/standard/button-group-standard.tsx"],"names":[],"mappings":";;AAOA,4DAwBC;;AA9BD,0DAAqD;AAErD;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,KAA4B;IACnE,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,gCAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAAI,SAAS,YAChD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,oCAEE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,GAAG,CAAC,QAAQ,kBACR,QAAQ,KAAK,GAAG,CAAC,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,aAE5B,GAAG,CAAC,KAAK,IAAI,CACZ,iCAAM,SAAS,EAAC,0BAA0B,YAAE,GAAG,CAAC,KAAK,GAAQ,CAC9D,EACA,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,CACpB,iCAAM,SAAS,EAAC,0BAA0B,YAAE,GAAG,CAAC,KAAK,GAAQ,CAC9D,KAXI,GAAG,CAAC,EAAE,CAYJ,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SmartButtonGroupProps } from './button-group.types';
+/**
+ * The behaviour every button group variant shares (the Angular
+ * `ButtonGroupBaseComponent`): the selected button id, controlled through
+ * `selected` / `onSelectedChange` or kept internally, and `select(id)`, which
+ * selects a button and emits `onButtonClick`.
+ */
+export declare function useButtonGroup({ selected: controlledSelected, defaultSelected, onSelectedChange, onButtonClick, }: SmartButtonGroupProps): {
+    selected: string | undefined;
+    select: (id: string) => void;
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useButtonGroup = useButtonGroup;
+const react_1 = require("react");
+/**
+ * The behaviour every button group variant shares (the Angular
+ * `ButtonGroupBaseComponent`): the selected button id, controlled through
+ * `selected` / `onSelectedChange` or kept internally, and `select(id)`, which
+ * selects a button and emits `onButtonClick`.
+ */
+function useButtonGroup({ selected: controlledSelected, defaultSelected, onSelectedChange, onButtonClick, }) {
+    const [internalSelected, setInternalSelected] = (0, react_1.useState)(defaultSelected);
+    const isControlled = controlledSelected !== undefined;
+    const selected = isControlled ? controlledSelected : internalSelected;
+    const select = (0, react_1.useCallback)((id) => {
+        if (!isControlled)
+            setInternalSelected(id);
+        onSelectedChange?.(id);
+        onButtonClick?.({ buttonId: id });
+    }, [isControlled, onSelectedChange, onButtonClick]);
+    return { selected, select };
+}
+//# sourceMappingURL=use-button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-button-group.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/button-group/use-button-group.ts"],"names":[],"mappings":";;AAUA,wCAqBC;AA/BD,iCAA8C;AAI9C;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,gBAAgB,EAChB,aAAa,GACS;IACtB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAe,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,kBAAkB,KAAK,SAAS,CAAC;IACtD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAEtE,MAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;QAE3C,gBAAgB,EAAE,CAAC,EAAE,CAAC,CAAC;QACvB,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAChD,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAC9B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { SmartCalendarProps } from './calendar.types';
+/**
+ * `<smart-calendar>`: renders the implementation registered as
+ * `components.calendar` on `SmartProvider` (the Angular
+ * `CALENDAR_STANDARD_COMPONENT_TOKEN`), `SmartCalendarStandard` by default.
+ * As in Angular, a missing `referenceDate` is replaced with the date the
+ * wrapper was mounted, so registered implementations always get one.
+ */
+export declare function SmartCalendar(props: SmartCalendarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/calendar/calendar.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCalendar = SmartCalendar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const calendar_standard_1 = require("./standard/calendar-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-calendar>`: renders the implementation registered as
+ * `components.calendar` on `SmartProvider` (the Angular
+ * `CALENDAR_STANDARD_COMPONENT_TOKEN`), `SmartCalendarStandard` by default.
+ * As in Angular, a missing `referenceDate` is replaced with the date the
+ * wrapper was mounted, so registered implementations always get one.
+ */
+function SmartCalendar(props) {
+    const Component = (0, hooks_1.useSmartComponent)('calendar', calendar_standard_1.SmartCalendarStandard);
+    const [today] = (0, react_1.useState)(() => new Date());
+    return (0, jsx_runtime_1.jsx)(Component, { ...props, referenceDate: props.referenceDate ?? today });
+}
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/calendar/calendar.tsx"],"names":[],"mappings":";;AAaA,sCAKC;;AAlBD,iCAAiC;AAGjC,oEAAqE;AACrE,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,UAAU,EAAE,yCAAqB,CAAC,CAAC;IACvE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAE3C,OAAO,uBAAC,SAAS,OAAK,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK,GAAI,CAAC;AAC/E,CAAC"}

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+import { ICalendarDayCell, ICalendarEvent, ICalendarOptions } from '../../models';
+/**
+ * The context `dayCellTpl` renders with: the Angular template context
+ * `{ $implicit: cell, events }`, `$implicit` named `cell`.
+ */
+export interface SmartCalendarDayCellContext {
+    cell: ICalendarDayCell;
+    /** The events starting on `cell.date` (`eventsForDay(cell.date)`). */
+    events: ICalendarEvent[];
+}
+/**
+ * `ICalendarOptions` with `dayCellTpl` as a render function: in Angular it was
+ * a `TemplateRef` instantiated per day with {@link SmartCalendarDayCellContext}.
+ * `toolbarActionsTpl` has no context, so it stays a `ReactNode`.
+ * `eventListTpl`, `sidePanelTpl`, `eventTpl` and `monthsCount` are kept for
+ * parity but, as in Angular, no variant renders them.
+ */
+export interface SmartCalendarOptions extends Omit<ICalendarOptions, 'dayCellTpl'> {
+    dayCellTpl?: (context: SmartCalendarDayCellContext) => ReactNode;
+}
+export interface SmartCalendarProps {
+    options?: SmartCalendarOptions;
+    className?: string;
+    /**
+     * The selected day (the Angular `value` model). Controlled when defined
+     * (`null` = nothing selected); leave it `undefined` to let the calendar
+     * keep the selection itself, starting from `defaultValue`.
+     */
+    value?: Date | null;
+    /** The initial selection of an uncontrolled calendar. */
+    defaultValue?: Date | null;
+    /** Called with the day the user selects (the `valueChange` of `[(value)]`). */
+    onValueChange?: (value: Date | null) => void;
+    /**
+     * The day whose month is shown first; the calendar navigates from there and
+     * jumps back to it whenever it changes. Today when omitted.
+     */
+    referenceDate?: Date;
+    events?: ICalendarEvent[];
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/calendar/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,2DAAiC;AACjC,mEAAyC;AACzC,kEAAwC;AACxC,uEAA6C;AAC7C,yDAA+B"}

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

@@ -0,0 +1,12 @@
+import { SmartCalendarProps } from '../calendar.types';
+/**
+ * Styled calendar variation (preset) — a single date picker. Register it as
+ * `components.calendar` on `SmartProvider` to restyle every `<SmartCalendar>`,
+ * or render it directly.
+ *
+ * Reproduces Preline's single date-picker visual with `smart:`-prefixed
+ * vanilla Tailwind; month navigation and day selection are driven by
+ * `useCalendar`. Out-of-month days are disabled. The month name, weekday
+ * labels and the Previous / Next labels are English, as in Angular.
+ */
+export declare function SmartCalendarPreset(props: SmartCalendarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCalendarPreset = SmartCalendarPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_calendar_1 = require("../use-calendar");
+const preset_classes_1 = require("./preset-classes");
+const WEEKDAY_LABELS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+/**
+ * Styled calendar variation (preset) — a single date picker. Register it as
+ * `components.calendar` on `SmartProvider` to restyle every `<SmartCalendar>`,
+ * or render it directly.
+ *
+ * Reproduces Preline's single date-picker visual with `smart:`-prefixed
+ * vanilla Tailwind; month navigation and day selection are driven by
+ * `useCalendar`. Out-of-month days are disabled. The month name, weekday
+ * labels and the Previous / Next labels are English, as in Angular.
+ */
+function SmartCalendarPreset(props) {
+    const { options, className = '' } = props;
+    const { weekStart, showToolbar, reference, monthGrid, eventsForDay, dayAriaLabel, selectDay, prevPeriod, nextPeriod, } = (0, use_calendar_1.useCalendar)(props);
+    const monthLabel = (0, react_1.useMemo)(() => new Intl.DateTimeFormat('en-US', { month: 'long' }).format(reference), [reference]);
+    const yearLabel = reference.getFullYear();
+    // Weekday headers rotated to honour `options.weekStart` (0 = Sun, 1 = Mon).
+    const weekdayLabels = WEEKDAY_LABELS.slice(weekStart).concat(WEEKDAY_LABELS.slice(0, weekStart));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)("div", { "data-role": "calendar", className: preset_classes_1.CALENDAR_PRESET_CONTAINER, children: (0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.CALENDAR_PRESET_INNER, children: [showToolbar && ((0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.CALENDAR_PRESET_HEADER, children: [(0, jsx_runtime_1.jsx)("div", { className: "smart:col-span-1", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.CALENDAR_PRESET_NAV_BUTTON, "aria-label": "Previous", onClick: prevPeriod, children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "m15 18-6-6 6-6" }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:col-span-3 smart:flex smart:justify-center smart:items-center smart:gap-x-1", children: [(0, jsx_runtime_1.jsx)("span", { "data-role": "month-label", className: preset_classes_1.CALENDAR_PRESET_MONTH_LABEL, children: monthLabel }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-gray-900 smart:dark:text-white", children: "/" }), (0, jsx_runtime_1.jsx)("span", { "data-role": "year-label", className: preset_classes_1.CALENDAR_PRESET_MONTH_LABEL, children: yearLabel })] }), (0, jsx_runtime_1.jsx)("div", { className: "smart:col-span-1 smart:flex smart:justify-end", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.CALENDAR_PRESET_NAV_BUTTON, "aria-label": "Next", onClick: nextPeriod, children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "m9 18 6-6-6-6" }) }) }) })] })), (0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.CALENDAR_PRESET_WEEK_ROW, children: weekdayLabels.map((label) => ((0, jsx_runtime_1.jsx)("span", { "data-role": "weekday", className: preset_classes_1.CALENDAR_PRESET_WEEKDAY, children: label }, label))) }), monthGrid.map((week, index) => ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.CALENDAR_PRESET_DAY_ROW, children: week.map((cell) => {
+                            const events = eventsForDay(cell.date);
+                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "day", className: (0, preset_classes_1.getCalendarPresetDayClasses)(cell), disabled: !cell.isCurrentMonth, "data-today": cell.isToday ? 'true' : undefined, "data-selected": cell.isSelected ? 'true' : undefined, "aria-label": dayAriaLabel(cell.date), "aria-pressed": cell.isSelected, onClick: () => selectDay(cell.date), children: options?.dayCellTpl ? (options.dayCellTpl({ cell, events })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cell.date.getDate(), events.length ? ((0, jsx_runtime_1.jsx)("span", { "data-role": "event-dot", className: preset_classes_1.CALENDAR_PRESET_EVENT_DOT })) : null] })) }) }, cell.date.getTime()));
+                        }) }, index)))] }) }) }));
+}
+//# sourceMappingURL=calendar-preset.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { ICalendarDayCell } from '../../../models';
+export declare const CALENDAR_PRESET_CONTAINER: string;
+export declare const CALENDAR_PRESET_INNER = "smart:p-3 smart:space-y-0.5";
+export declare const CALENDAR_PRESET_HEADER: string;
+export declare const CALENDAR_PRESET_NAV_BUTTON: string;
+export declare const CALENDAR_PRESET_MONTH_LABEL = "smart:font-medium smart:text-gray-900 smart:dark:text-white";
+export declare const CALENDAR_PRESET_WEEK_ROW = "smart:flex smart:pb-1.5";
+export declare const CALENDAR_PRESET_DAY_ROW = "smart:flex";
+export declare const CALENDAR_PRESET_WEEKDAY: string;
+export declare const CALENDAR_PRESET_EVENT_DOT: string;
+export declare function getCalendarPresetDayClasses(cell: ICalendarDayCell): string;

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

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CALENDAR_PRESET_EVENT_DOT = exports.CALENDAR_PRESET_WEEKDAY = exports.CALENDAR_PRESET_DAY_ROW = exports.CALENDAR_PRESET_WEEK_ROW = exports.CALENDAR_PRESET_MONTH_LABEL = exports.CALENDAR_PRESET_NAV_BUTTON = exports.CALENDAR_PRESET_HEADER = exports.CALENDAR_PRESET_INNER = exports.CALENDAR_PRESET_CONTAINER = void 0;
+exports.getCalendarPresetDayClasses = getCalendarPresetDayClasses;
+// Outer popover card — Preline `bg-dropdown border border-dropdown-line shadow-lg`.
+exports.CALENDAR_PRESET_CONTAINER = [
+    'smart:w-80',
+    'smart:flex',
+    'smart:flex-col',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:shadow-lg',
+    'smart:rounded-xl',
+    'smart:overflow-hidden',
+].join(' ');
+exports.CALENDAR_PRESET_INNER = 'smart:p-3 smart:space-y-0.5';
+// Month/year navigation header (5-column grid: prev | label | next).
+exports.CALENDAR_PRESET_HEADER = [
+    'smart:grid',
+    'smart:grid-cols-5',
+    'smart:items-center',
+    'smart:gap-x-3',
+    'smart:mx-1.5',
+    'smart:pb-3',
+].join(' ');
+exports.CALENDAR_PRESET_NAV_BUTTON = [
+    'smart:size-8',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+    'smart:rounded-full',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    'smart:focus:outline-none',
+    'smart:focus:bg-gray-100',
+    'smart:dark:focus:bg-gray-700',
+].join(' ');
+exports.CALENDAR_PRESET_MONTH_LABEL = 'smart:font-medium smart:text-gray-900 smart:dark:text-white';
+exports.CALENDAR_PRESET_WEEK_ROW = 'smart:flex smart:pb-1.5';
+exports.CALENDAR_PRESET_DAY_ROW = 'smart:flex';
+exports.CALENDAR_PRESET_WEEKDAY = [
+    'smart:m-px',
+    'smart:w-10',
+    'smart:block',
+    'smart:text-center',
+    'smart:text-sm',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+exports.CALENDAR_PRESET_EVENT_DOT = [
+    'smart:absolute',
+    'smart:bottom-1',
+    'smart:left-1/2',
+    'smart:-translate-x-1/2',
+    'smart:size-1',
+    'smart:rounded-full',
+    'smart:bg-blue-600',
+    'smart:dark:bg-blue-500',
+].join(' ');
+const DAY_BASE = [
+    'smart:m-px',
+    'smart:size-10',
+    'smart:relative',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:border-[1.5px]',
+    'smart:text-sm',
+    'smart:rounded-full',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    'smart:focus:outline-none',
+].join(' ');
+// Selected day — Preline `bg-primary text-primary-foreground`.
+const DAY_SELECTED = [
+    'smart:bg-blue-600',
+    'smart:dark:bg-blue-500',
+    'smart:font-medium',
+    'smart:text-white',
+    'smart:border-transparent',
+    'smart:hover:border-blue-700',
+    'smart:dark:hover:border-blue-600',
+].join(' ');
+// Default current-month day — Preline `border-transparent text-foreground` with
+// `hover:border-primary-hover hover:text-primary-hover`.
+const DAY_DEFAULT = [
+    'smart:border-transparent',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:hover:border-blue-600',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:border-blue-500',
+    'smart:dark:hover:text-blue-400',
+    'smart:focus:border-blue-600',
+    'smart:focus:text-blue-600',
+].join(' ');
+// Today (when not selected) — outlined ring to distinguish it.
+const DAY_TODAY = [
+    'smart:border-blue-600',
+    'smart:dark:border-blue-500',
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+    'smart:hover:border-blue-700',
+    'smart:dark:hover:border-blue-600',
+    'smart:focus:border-blue-700',
+].join(' ');
+// Out-of-month day — Preline renders these disabled/muted.
+const DAY_MUTED = [
+    'smart:border-transparent',
+    'smart:text-gray-400',
+    'smart:dark:text-gray-500',
+].join(' ');
+function getCalendarPresetDayClasses(cell) {
+    if (cell.isSelected) {
+        return `${DAY_BASE} ${DAY_SELECTED}`;
+    }
+    if (!cell.isCurrentMonth) {
+        return `${DAY_BASE} ${DAY_MUTED}`;
+    }
+    if (cell.isToday) {
+        return `${DAY_BASE} ${DAY_TODAY}`;
+    }
+    return `${DAY_BASE} ${DAY_DEFAULT}`;
+}
+//# sourceMappingURL=preset-classes.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { SmartCalendarProps } from '../calendar.types';
+/**
+ * Barebones native-HTML month calendar (`<smart-calendar-standard>`).
+ *
+ * Days with events get `data-events="<count>"`, an aria-label that mentions
+ * the count and, without `options.dayCellTpl`, an `aria-hidden` event marker.
+ * `options.dayCellTpl` renders each day's content from `{ cell, events }`.
+ * The toolbar labels (Prev / Today / Next) are not translated, as in Angular.
+ */
+export declare function SmartCalendarStandard(props: SmartCalendarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCalendarStandard = SmartCalendarStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_calendar_1 = require("../use-calendar");
+/**
+ * Barebones native-HTML month calendar (`<smart-calendar-standard>`).
+ *
+ * Days with events get `data-events="<count>"`, an aria-label that mentions
+ * the count and, without `options.dayCellTpl`, an `aria-hidden` event marker.
+ * `options.dayCellTpl` renders each day's content from `{ cell, events }`.
+ * The toolbar labels (Prev / Today / Next) are not translated, as in Angular.
+ */
+function SmartCalendarStandard(props) {
+    const { options, className = '' } = props;
+    const { view, showToolbar, monthGrid, eventsForDay, dayAriaLabel, selectDay, goToToday, prevPeriod, nextPeriod, } = (0, use_calendar_1.useCalendar)(props);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "calendar", "data-view": view, children: [showToolbar && ((0, jsx_runtime_1.jsxs)("div", { className: "toolbar", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "prev", onClick: prevPeriod, children: "Prev" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "today-btn", onClick: goToToday, children: "Today" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "next", onClick: nextPeriod, children: "Next" }), options?.toolbarActionsTpl && ((0, jsx_runtime_1.jsx)("div", { className: "toolbar-actions", children: options.toolbarActionsTpl }))] })), (0, jsx_runtime_1.jsx)("div", { className: "view-grid", children: monthGrid.map((week, index) => ((0, jsx_runtime_1.jsx)("div", { className: "week", children: week.map((cell) => {
+                            const events = eventsForDay(cell.date);
+                            return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "day", "data-current-month": cell.isCurrentMonth ? 'true' : undefined, "data-today": cell.isToday ? 'true' : undefined, "data-selected": cell.isSelected ? 'true' : undefined, "data-events": events.length || undefined, "aria-label": dayAriaLabel(cell.date), onClick: () => selectDay(cell.date), children: options?.dayCellTpl ? (options.dayCellTpl({ cell, events })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cell.date.getDate(), events.length ? ((0, jsx_runtime_1.jsx)("span", { className: "smart-calendar-event", "data-role": "event-dot", "aria-hidden": "true" })) : null] })) }, cell.date.getTime()));
+                        }) }, index))) })] }) }));
+}
+//# sourceMappingURL=calendar-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/calendar/standard/calendar-standard.tsx"],"names":[],"mappings":";;AAWA,sDA4EC;;AAtFD,kDAA8C;AAE9C;;;;;;;GAOG;AACH,SAAgB,qBAAqB,CAAC,KAAyB;IAC7D,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EACJ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,IAAA,0BAAW,EAAC,KAAK,CAAC,CAAC;IAEvB,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,UAAU,eAAY,IAAI,aACtC,WAAW,IAAI,CACd,iCAAK,SAAS,EAAC,SAAS,aACtB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,UAAU,qBAEjD,EACT,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,sBAErD,EACT,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,UAAU,qBAEjD,EACR,OAAO,EAAE,iBAAiB,IAAI,CAC7B,gCAAK,SAAS,EAAC,iBAAiB,YAAE,OAAO,CAAC,iBAAiB,GAAO,CACnE,IACG,CACP,EACD,gCAAK,SAAS,EAAC,WAAW,YACvB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,gCAAiB,SAAS,EAAC,MAAM,YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4BACjB,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;4BAEvC,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,KAAK,wBAEb,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAE9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC9B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,iBACtC,MAAM,CAAC,MAAM,IAAI,SAAS,gBAC3B,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,YAElC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CACrB,OAAO,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CACrC,CAAC,CAAC,CAAC,CACF,6DACG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EACnB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,iCACE,SAAS,EAAC,sBAAsB,eACtB,WAAW,iBACT,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,IAzBI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CA0BjB,CACV,CAAC;wBACJ,CAAC,CAAC,IAlCM,KAAK,CAmCT,CACP,CAAC,GACE,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,33 @@
+import { SmartCalendarProps } from './calendar.types';
+import { ICalendarDayCell, ICalendarEvent, SmartCalendarView } from '../../models';
+/**
+ * The behaviour every calendar variant shares (the Angular
+ * `CalendarBaseComponent`): the options with their defaults (month view,
+ * Monday week start, toolbar shown), the selected day (`value`, controlled or
+ * uncontrolled), the navigated reference date with its 6 x 7 `monthGrid`, the
+ * events of a day and the day's accessible name.
+ *
+ * The reference starts at `referenceDate` (today when omitted), moves with
+ * `prevPeriod` / `nextPeriod` / `goToToday`, and jumps back to
+ * `referenceDate` whenever that prop changes to another point in time.
+ */
+export declare function useCalendar({ options, value: valueProp, defaultValue, onValueChange, referenceDate, events, }: SmartCalendarProps): {
+    view: SmartCalendarView;
+    weekStart: 0 | 1;
+    showToolbar: boolean;
+    value: Date | null;
+    reference: Date;
+    monthGrid: ICalendarDayCell[][];
+    eventsForDay: (day: Date) => ICalendarEvent[];
+    dayAriaLabel: (day: Date) => string;
+    selectDay: (date: Date) => void;
+    goToToday: () => void;
+    prevPeriod: () => void;
+    nextPeriod: () => void;
+};
+/**
+ * The 6 x 7 day grid of the month of `reference`, starting on `weekStart`
+ * (0 = Sunday, 1 = Monday), with the leading / trailing days of the
+ * neighbouring months (the Angular `CalendarBaseComponent.buildMonthGrid`).
+ */
+export declare function buildMonthGrid(reference: Date, weekStart: 0 | 1, selected: Date | null): ICalendarDayCell[][];

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

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalendar = useCalendar;
+exports.buildMonthGrid = buildMonthGrid;
+const react_1 = require("react");
+const NO_EVENTS = [];
+/**
+ * The behaviour every calendar variant shares (the Angular
+ * `CalendarBaseComponent`): the options with their defaults (month view,
+ * Monday week start, toolbar shown), the selected day (`value`, controlled or
+ * uncontrolled), the navigated reference date with its 6 x 7 `monthGrid`, the
+ * events of a day and the day's accessible name.
+ *
+ * The reference starts at `referenceDate` (today when omitted), moves with
+ * `prevPeriod` / `nextPeriod` / `goToToday`, and jumps back to
+ * `referenceDate` whenever that prop changes to another point in time.
+ */
+function useCalendar({ options, value: valueProp, defaultValue = null, onValueChange, referenceDate, events = NO_EVENTS, }) {
+    const view = options?.view ?? 'month';
+    const weekStart = options?.weekStart ?? 1;
+    const showToolbar = options?.showToolbar ?? true;
+    const controlled = valueProp !== undefined;
+    const [innerValue, setInnerValue] = (0, react_1.useState)(defaultValue);
+    const value = controlled ? valueProp : innerValue;
+    const [reference, setReference] = (0, react_1.useState)(() => referenceDate ?? new Date());
+    // Sync external input -> internal reference when the input changes (the
+    // Angular `effect`). Compared by time so that a parent re-rendering an equal
+    // `new Date(...)` does not undo the navigation.
+    const referenceTime = referenceDate?.getTime();
+    const [syncedReferenceTime, setSyncedReferenceTime] = (0, react_1.useState)(referenceTime);
+    if (!Object.is(referenceTime, syncedReferenceTime)) {
+        setSyncedReferenceTime(referenceTime);
+        if (referenceDate)
+            setReference(referenceDate);
+    }
+    const monthGrid = (0, react_1.useMemo)(() => buildMonthGrid(reference, weekStart, value), [reference, weekStart, value]);
+    const eventsForDay = (0, react_1.useCallback)((day) => {
+        const target = new Date(day.getFullYear(), day.getMonth(), day.getDate()).getTime();
+        return events.filter((event) => {
+            const eventDay = new Date(event.start.getFullYear(), event.start.getMonth(), event.start.getDate()).getTime();
+            return eventDay === target;
+        });
+    }, [events]);
+    /**
+     * Accessible name for a day cell: the date string, followed by the number of
+     * events on that day when there are any (e.g. `"Sat Jan 10 2026, 2 events"`).
+     */
+    const dayAriaLabel = (0, react_1.useCallback)((day) => {
+        const label = day.toDateString();
+        const count = eventsForDay(day).length;
+        if (!count)
+            return label;
+        return `${label}, ${count} ${count === 1 ? 'event' : 'events'}`;
+    }, [eventsForDay]);
+    const selectDay = (0, react_1.useCallback)((date) => {
+        if (!controlled)
+            setInnerValue(date);
+        onValueChange?.(date);
+    }, [controlled, onValueChange]);
+    const goToToday = (0, react_1.useCallback)(() => {
+        setReference(new Date());
+    }, []);
+    const prevPeriod = (0, react_1.useCallback)(() => {
+        setReference((ref) => shiftPeriod(ref, view, -1));
+    }, [view]);
+    const nextPeriod = (0, react_1.useCallback)(() => {
+        setReference((ref) => shiftPeriod(ref, view, 1));
+    }, [view]);
+    return {
+        view,
+        weekStart,
+        showToolbar,
+        value,
+        reference,
+        monthGrid,
+        eventsForDay,
+        dayAriaLabel,
+        selectDay,
+        goToToday,
+        prevPeriod,
+        nextPeriod,
+    };
+}
+/**
+ * `reference` moved one `view` period (a month, 7 days, a day or a year)
+ * backwards (`-1`) or forwards (`1`), with the `Date` setters' overflow rules
+ * (e.g. Mar 31 minus a month is Mar 3), as in Angular.
+ */
+function shiftPeriod(reference, view, step) {
+    const next = new Date(reference);
+    if (view === 'month') {
+        next.setMonth(next.getMonth() + step);
+    }
+    else if (view === 'week') {
+        next.setDate(next.getDate() + 7 * step);
+    }
+    else if (view === 'day') {
+        next.setDate(next.getDate() + step);
+    }
+    else if (view === 'year') {
+        next.setFullYear(next.getFullYear() + step);
+    }
+    return next;
+}
+/**
+ * The 6 x 7 day grid of the month of `reference`, starting on `weekStart`
+ * (0 = Sunday, 1 = Monday), with the leading / trailing days of the
+ * neighbouring months (the Angular `CalendarBaseComponent.buildMonthGrid`).
+ */
+function buildMonthGrid(reference, weekStart, selected) {
+    const year = reference.getFullYear();
+    const month = reference.getMonth();
+    const firstOfMonth = new Date(year, month, 1);
+    const dayOfWeek = firstOfMonth.getDay(); // 0 = Sunday
+    const offset = (dayOfWeek - weekStart + 7) % 7;
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const todayTime = today.getTime();
+    const selectedTime = selected !== null
+        ? new Date(selected.getFullYear(), selected.getMonth(), selected.getDate()).getTime()
+        : null;
+    const grid = [];
+    for (let week = 0; week < 6; week++) {
+        const row = [];
+        for (let dow = 0; dow < 7; dow++) {
+            const dayOffset = week * 7 + dow - offset;
+            const date = new Date(year, month, 1 + dayOffset);
+            const cellDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+            const cellTime = cellDay.getTime();
+            row.push({
+                date,
+                isCurrentMonth: date.getMonth() === month,
+                isToday: cellTime === todayTime,
+                isSelected: selectedTime !== null && cellTime === selectedTime,
+            });
+        }
+        grid.push(row);
+    }
+    return grid;
+}
+//# sourceMappingURL=use-calendar.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { SmartCardProps } from './card.types';
+/**
+ * `<smart-card>`: renders the implementation registered as `components.card`
+ * on `SmartProvider` (the Angular `CARD_STANDARD_COMPONENT_TOKEN`),
+ * `SmartCardStandard` by default.
+ *
+ * `header` and `footer` replace the Angular `[cardHeader]` / `[cardFooter]`
+ * slots and reach the implementation as `headerTpl` / `footerTpl`, the
+ * children as `bodyTpl`. A section is rendered when its content is given,
+ * unless `hasHeader` / `hasFooter` say otherwise.
+ */
+export declare function SmartCard({ options, hasHeader, hasFooter, className, header, footer, children, }: SmartCardProps): import("react/jsx-runtime").JSX.Element;