@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/command-palette/command-palette.types.js

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

package/src/lib/components/command-palette/command-palette.types.js.map

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

package/src/lib/components/command-palette/index.d.ts

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

package/src/lib/components/command-palette/index.js

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

package/src/lib/components/command-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/command-palette/index.ts"],"names":[],"mappings":";;;AAAA,4DAAkC;AAClC,kEAAwC;AACxC,0EAAgD;AAChD,kEAAwC;AACxC,8EAAoD;AACpD,gEAAsC"}

package/src/lib/components/command-palette/preset/command-palette-preset.d.ts

@@ -0,0 +1,13 @@
+import { SmartCommandPaletteProps } from '../command-palette.types';
+/**
+ * Styled command-palette variation (preset). Register it as
+ * `components['command-palette']` on `SmartProvider` to restyle every
+ * `<SmartCommandPalette>`, or render it directly.
+ *
+ * All filtering/selection logic comes from `useCommandPalette`; this
+ * component only adds the visual variants driven by `options.variant`
+ * (`simple` by default): looser rows, icons, images, a translucent dialog,
+ * group headers, a footer, or a preview pane showing the first result (or the
+ * hovered one).
+ */
+export declare function SmartCommandPalettePreset(props: SmartCommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/command-palette/preset/command-palette-preset.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCommandPalettePreset = SmartCommandPalettePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_command_palette_1 = require("../use-command-palette");
+const preset_classes_1 = require("./preset-classes");
+function groupCommands(commands) {
+    const groups = [];
+    for (const command of commands) {
+        const key = command.group ?? 'Other';
+        const existing = groups.find((g) => g.group === key);
+        if (existing) {
+            existing.commands.push(command);
+        }
+        else {
+            groups.push({ group: key, commands: [command] });
+        }
+    }
+    return groups;
+}
+/**
+ * Styled command-palette variation (preset). Register it as
+ * `components['command-palette']` on `SmartProvider` to restyle every
+ * `<SmartCommandPalette>`, or render it directly.
+ *
+ * All filtering/selection logic comes from `useCommandPalette`; this
+ * component only adds the visual variants driven by `options.variant`
+ * (`simple` by default): looser rows, icons, images, a translucent dialog,
+ * group headers, a footer, or a preview pane showing the first result (or the
+ * hovered one).
+ */
+function SmartCommandPalettePreset(props) {
+    const { options, className = '' } = props;
+    const { open, query, setQuery, filteredCommands, selectCommand, close } = (0, use_command_palette_1.useCommandPalette)(props);
+    const [previewOverride, setPreviewOverride] = (0, react_1.useState)(null);
+    const variant = options?.variant ?? 'simple';
+    const emptyText = options?.emptyText ?? 'No results';
+    const itemClasses = (0, preset_classes_1.getCommandPaletteItemClasses)(variant);
+    const listClasses = (0, preset_classes_1.getCommandPaletteListClasses)(variant);
+    // Defaults to the first result; hovering a row overrides it.
+    const previewCommand = previewOverride ?? filteredCommands[0] ?? null;
+    const row = (command) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [variant === 'with-images' && command.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { "data-role": "item-image", className: preset_classes_1.COMMAND_PALETTE_ITEM_IMAGE, src: command.imageUrl, alt: command.label })) : (variant === 'with-icons' && ((0, jsx_runtime_1.jsx)("span", { "data-role": "item-icon", className: preset_classes_1.COMMAND_PALETTE_ITEM_ICON, children: command.icon ?? '#' }))), (0, jsx_runtime_1.jsx)("span", { className: preset_classes_1.COMMAND_PALETTE_ITEM_LABEL, children: command.label })] }));
+    const item = (command, onMouseEnter) => ((0, jsx_runtime_1.jsx)("li", { "data-role": "item", role: "option", className: itemClasses, onMouseEnter: onMouseEnter, onClick: () => selectCommand(command.id), children: row(command) }, command.id));
+    const empty = ((0, jsx_runtime_1.jsx)("li", { "data-role": "empty", className: preset_classes_1.COMMAND_PALETTE_EMPTY, children: emptyText }));
+    let list;
+    if (variant === 'with-preview') {
+        list = ((0, jsx_runtime_1.jsxs)("div", { "data-role": "preview-layout", className: preset_classes_1.COMMAND_PALETTE_PREVIEW_LAYOUT, children: [(0, jsx_runtime_1.jsx)("ul", { "data-role": "list", role: "listbox", className: listClasses, children: filteredCommands.length > 0
+                        ? filteredCommands.map((command) => item(command, () => setPreviewOverride(command)))
+                        : empty }), (0, jsx_runtime_1.jsx)("div", { "data-role": "preview", className: preset_classes_1.COMMAND_PALETTE_PREVIEW, children: previewCommand && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { className: "smart:font-medium smart:text-gray-900 smart:dark:text-white", children: previewCommand.label }), previewCommand.description && ((0, jsx_runtime_1.jsx)("p", { className: "smart:mt-1", children: previewCommand.description }))] })) })] }));
+    }
+    else if (variant === 'with-groups') {
+        const groups = groupCommands(filteredCommands);
+        list = ((0, jsx_runtime_1.jsx)("ul", { "data-role": "list", role: "listbox", className: listClasses, children: groups.length > 0
+                ? groups.map((grp) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { "data-role": "group", className: preset_classes_1.COMMAND_PALETTE_GROUP, children: grp.group }), grp.commands.map((command) => item(command))] }, grp.group)))
+                : empty }));
+    }
+    else {
+        list = ((0, jsx_runtime_1.jsx)("ul", { "data-role": "list", role: "listbox", className: listClasses, children: filteredCommands.length > 0
+                ? filteredCommands.map((command) => item(command))
+                : empty }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("dialog", { "data-role": "dialog", open: open, className: (0, class_names_1.cn)((0, preset_classes_1.getCommandPaletteDialogClasses)(variant), className), onClose: close, children: [(0, jsx_runtime_1.jsxs)("div", { "data-role": "search-wrap", className: preset_classes_1.COMMAND_PALETTE_SEARCH_WRAP, children: [(0, jsx_runtime_1.jsxs)("svg", { className: preset_classes_1.COMMAND_PALETTE_SEARCH_ICON, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "11", cy: "11", r: "8" }), (0, jsx_runtime_1.jsx)("path", { d: "m21 21-4.3-4.3" })] }), (0, jsx_runtime_1.jsx)("input", { "data-role": "search", type: "search", className: preset_classes_1.COMMAND_PALETTE_SEARCH, value: query, placeholder: options?.placeholder, "aria-label": options?.ariaLabel, onChange: (event) => setQuery(event.target.value) })] }), list, variant === 'with-footer' && ((0, jsx_runtime_1.jsxs)("div", { "data-role": "footer", className: preset_classes_1.COMMAND_PALETTE_FOOTER, children: [(0, jsx_runtime_1.jsx)("span", { children: `${filteredCommands.length} results` }), (0, jsx_runtime_1.jsx)("span", { children: "Enter to run \u00B7 Esc to close" })] }))] }));
+}
+//# sourceMappingURL=command-palette-preset.js.map

package/src/lib/components/command-palette/preset/command-palette-preset.js.map

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

package/src/lib/components/command-palette/preset/preset-classes.d.ts

@@ -0,0 +1,15 @@
+import { SmartCommandPaletteVariant } from '../../../models';
+export declare const COMMAND_PALETTE_SEARCH_WRAP = "smart:relative";
+export declare const COMMAND_PALETTE_SEARCH_ICON: string;
+export declare const COMMAND_PALETTE_SEARCH: string;
+export declare const COMMAND_PALETTE_ITEM_ICON: string;
+export declare const COMMAND_PALETTE_ITEM_IMAGE: string;
+export declare const COMMAND_PALETTE_ITEM_LABEL = "smart:flex-1 smart:truncate";
+export declare const COMMAND_PALETTE_GROUP: string;
+export declare const COMMAND_PALETTE_EMPTY: string;
+export declare const COMMAND_PALETTE_FOOTER: string;
+export declare const COMMAND_PALETTE_PREVIEW_LAYOUT = "smart:flex";
+export declare const COMMAND_PALETTE_PREVIEW: string;
+export declare function getCommandPaletteDialogClasses(variant: SmartCommandPaletteVariant): string;
+export declare function getCommandPaletteListClasses(variant: SmartCommandPaletteVariant): string;
+export declare function getCommandPaletteItemClasses(variant: SmartCommandPaletteVariant): string;

package/src/lib/components/command-palette/preset/preset-classes.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMMAND_PALETTE_PREVIEW = exports.COMMAND_PALETTE_PREVIEW_LAYOUT = exports.COMMAND_PALETTE_FOOTER = exports.COMMAND_PALETTE_EMPTY = exports.COMMAND_PALETTE_GROUP = exports.COMMAND_PALETTE_ITEM_LABEL = exports.COMMAND_PALETTE_ITEM_IMAGE = exports.COMMAND_PALETTE_ITEM_ICON = exports.COMMAND_PALETTE_SEARCH = exports.COMMAND_PALETTE_SEARCH_ICON = exports.COMMAND_PALETTE_SEARCH_WRAP = void 0;
+exports.getCommandPaletteDialogClasses = getCommandPaletteDialogClasses;
+exports.getCommandPaletteListClasses = getCommandPaletteListClasses;
+exports.getCommandPaletteItemClasses = getCommandPaletteItemClasses;
+/**
+ * Class recipes for the styled command-palette preset.
+ *
+ * This component group ships with no source template library, so the classes
+ * below are hand-authored vanilla Tailwind, `smart:`-prefixed with explicit
+ * `dark:` twins in the same template. All symbols are prefixed with
+ * `CommandPalette`/`getCommandPalette` to stay collision-free once the library
+ * is barrelled with `export *`.
+ */
+// Shared dialog chrome (everything except the background, which varies by
+// variant so semi-transparent can swap in a translucent blurred surface).
+const DIALOG_BASE = [
+    'smart:mx-auto',
+    'smart:mt-16',
+    'smart:w-full',
+    'smart:max-w-xl',
+    'smart:rounded-xl',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:p-0',
+    'smart:shadow-xl',
+].join(' ');
+const DIALOG_OPAQUE_BG = 'smart:bg-white smart:dark:bg-gray-800';
+const DIALOG_TRANSLUCENT_BG = 'smart:bg-white/90 smart:dark:bg-gray-800/90 smart:backdrop-blur';
+// The two-pane preview variant needs more horizontal room.
+const DIALOG_WIDE = 'smart:max-w-3xl';
+exports.COMMAND_PALETTE_SEARCH_WRAP = 'smart:relative';
+exports.COMMAND_PALETTE_SEARCH_ICON = [
+    'smart:pointer-events-none',
+    'smart:absolute',
+    'smart:start-4',
+    'smart:top-1/2',
+    'smart:size-4',
+    'smart:-translate-y-1/2',
+    'smart:text-gray-400',
+    'smart:dark:text-gray-500',
+].join(' ');
+exports.COMMAND_PALETTE_SEARCH = [
+    'smart:w-full',
+    'smart:border-0',
+    'smart:border-b',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:bg-transparent',
+    'smart:py-3',
+    'smart:ps-11',
+    'smart:pe-4',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:placeholder-gray-400',
+    'smart:dark:placeholder-gray-500',
+    'smart:focus:ring-2',
+    'smart:focus:ring-blue-500',
+    'smart:focus:outline-none',
+].join(' ');
+const LIST_BASE = [
+    'smart:max-h-80',
+    'smart:overflow-y-auto',
+    'smart:divide-y',
+    'smart:divide-gray-200',
+    'smart:dark:divide-gray-700',
+].join(' ');
+const ITEM_BASE = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-3',
+    'smart:cursor-pointer',
+    'smart:text-gray-900',
+    'smart:dark:text-gray-200',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+].join(' ');
+const ITEM_PADDING_DEFAULT = 'smart:px-4 smart:py-2';
+const ITEM_PADDING_LOOSE = 'smart:px-6 smart:py-4';
+exports.COMMAND_PALETTE_ITEM_ICON = [
+    'smart:inline-flex',
+    'smart:size-6',
+    'smart:shrink-0',
+    'smart:items-center',
+    'smart:justify-center',
+    'smart:rounded-md',
+    'smart:bg-gray-100',
+    'smart:dark:bg-gray-700',
+    'smart:text-xs',
+    'smart:font-medium',
+    'smart:text-gray-600',
+    'smart:dark:text-gray-300',
+].join(' ');
+exports.COMMAND_PALETTE_ITEM_IMAGE = [
+    'smart:size-8',
+    'smart:shrink-0',
+    'smart:rounded-full',
+    'smart:object-cover',
+].join(' ');
+exports.COMMAND_PALETTE_ITEM_LABEL = 'smart:flex-1 smart:truncate';
+exports.COMMAND_PALETTE_GROUP = [
+    'smart:bg-gray-50',
+    'smart:dark:bg-gray-800/60',
+    'smart:px-4',
+    'smart:py-1.5',
+    'smart:text-xs',
+    'smart:font-semibold',
+    'smart:tracking-wide',
+    'smart:uppercase',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+exports.COMMAND_PALETTE_EMPTY = [
+    'smart:px-4',
+    'smart:py-8',
+    'smart:text-center',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+exports.COMMAND_PALETTE_FOOTER = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:justify-between',
+    'smart:border-t',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:px-4',
+    'smart:py-2.5',
+    'smart:text-xs',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+exports.COMMAND_PALETTE_PREVIEW_LAYOUT = 'smart:flex';
+exports.COMMAND_PALETTE_PREVIEW = [
+    'smart:w-1/2',
+    'smart:shrink-0',
+    'smart:border-s',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:p-4',
+    'smart:text-sm',
+    'smart:text-gray-600',
+    'smart:dark:text-gray-300',
+].join(' ');
+function getCommandPaletteDialogClasses(variant) {
+    const background = variant === 'semi-transparent' ? DIALOG_TRANSLUCENT_BG : DIALOG_OPAQUE_BG;
+    return [
+        DIALOG_BASE,
+        background,
+        variant === 'with-preview' ? DIALOG_WIDE : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+function getCommandPaletteListClasses(variant) {
+    // The preview variant renders the list in a fixed half-width pane.
+    return [
+        LIST_BASE,
+        variant === 'with-preview' ? 'smart:w-1/2 smart:flex-1' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+function getCommandPaletteItemClasses(variant) {
+    const padding = variant === 'with-padding' ? ITEM_PADDING_LOOSE : ITEM_PADDING_DEFAULT;
+    return `${ITEM_BASE} ${padding}`;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/command-palette/preset/preset-classes.js.map

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

package/src/lib/components/command-palette/standard/command-palette-standard.d.ts

@@ -0,0 +1,8 @@
+import { SmartCommandPaletteProps } from '../command-palette.types';
+/**
+ * The default command palette (`<smart-command-palette-standard>`): a native
+ * `<dialog>` with a search input and a `listbox` of the filtered commands.
+ * Clicking an option runs it and closes the palette; the dialog's `close`
+ * event (e.g. Escape on a modal dialog) closes it too.
+ */
+export declare function SmartCommandPaletteStandard(props: SmartCommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/command-palette/standard/command-palette-standard.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCommandPaletteStandard = SmartCommandPaletteStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_command_palette_1 = require("../use-command-palette");
+/**
+ * The default command palette (`<smart-command-palette-standard>`): a native
+ * `<dialog>` with a search input and a `listbox` of the filtered commands.
+ * Clicking an option runs it and closes the palette; the dialog's `close`
+ * event (e.g. Escape on a modal dialog) closes it too.
+ */
+function SmartCommandPaletteStandard(props) {
+    const { options, className = '' } = props;
+    const { open, query, setQuery, filteredCommands, selectCommand, close } = (0, use_command_palette_1.useCommandPalette)(props);
+    return ((0, jsx_runtime_1.jsxs)("dialog", { open: open, className: className || undefined, onClose: close, children: [(0, jsx_runtime_1.jsx)("input", { type: "search", value: query, placeholder: options?.placeholder, "aria-label": options?.ariaLabel, onChange: (event) => setQuery(event.target.value) }), (0, jsx_runtime_1.jsx)("ul", { role: "listbox", children: filteredCommands.length > 0 ? (filteredCommands.map((command) => ((0, jsx_runtime_1.jsx)("li", { role: "option", onClick: () => selectCommand(command.id), children: command.label }, command.id)))) : ((0, jsx_runtime_1.jsx)("li", { className: "smart-command-palette-empty", children: options?.emptyText ?? 'No results' })) })] }));
+}
+//# sourceMappingURL=command-palette-standard.js.map

package/src/lib/components/command-palette/standard/command-palette-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/command-palette/standard/command-palette-standard.tsx"],"names":[],"mappings":";;AASA,kEAiCC;;AAzCD,gEAA2D;AAE3D;;;;;GAKG;AACH,SAAgB,2BAA2B,CAAC,KAA+B;IACzE,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,GACrE,IAAA,uCAAiB,EAAC,KAAK,CAAC,CAAC;IAE3B,OAAO,CACL,oCAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IAAI,SAAS,EAAE,OAAO,EAAE,KAAK,aACnE,kCACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EAAE,WAAW,gBACrB,OAAO,EAAE,SAAS,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,EACF,+BAAI,IAAI,EAAC,SAAS,YACf,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,+BAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,YAEvC,OAAO,CAAC,KAAK,IAJT,OAAO,CAAC,EAAE,CAKZ,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,+BAAI,SAAS,EAAC,6BAA6B,YACxC,OAAO,EAAE,SAAS,IAAI,YAAY,GAChC,CACN,GACE,IACE,CACV,CAAC;AACJ,CAAC"}

package/src/lib/components/command-palette/use-command-palette.d.ts

@@ -0,0 +1,17 @@
+import { SmartCommandPaletteProps } from './command-palette.types';
+import { ICommand } from '../../models';
+/**
+ * The behaviour every command-palette variant shares (the Angular
+ * `CommandPaletteBaseComponent`): the `open` and `query` models (controlled
+ * or uncontrolled), the commands filtered by a case-insensitive label
+ * substring, and `selectCommand`, which reports the command through
+ * `onRunCommand` and closes the palette.
+ */
+export declare function useCommandPalette({ commands, open, defaultOpen, onOpenChange, query, defaultQuery, onQueryChange, onRunCommand, }: SmartCommandPaletteProps): {
+    open: boolean;
+    query: string;
+    setQuery: (next: string) => void;
+    filteredCommands: ICommand[];
+    selectCommand: (commandId: string) => void;
+    close: () => void;
+};

package/src/lib/components/command-palette/use-command-palette.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommandPalette = useCommandPalette;
+const react_1 = require("react");
+/**
+ * A value that is controlled when `value` is defined and kept in state
+ * otherwise; `onChange` is called only when the value actually changes, like
+ * an Angular `model()`.
+ */
+function useModel(value, defaultValue, onChange) {
+    const [internal, setInternal] = (0, react_1.useState)(defaultValue);
+    const controlled = value !== undefined;
+    const current = controlled ? value : internal;
+    const set = (0, react_1.useCallback)((next) => {
+        if (Object.is(next, current))
+            return;
+        if (!controlled)
+            setInternal(next);
+        onChange?.(next);
+    }, [controlled, current, onChange]);
+    return [current, set];
+}
+/**
+ * The behaviour every command-palette variant shares (the Angular
+ * `CommandPaletteBaseComponent`): the `open` and `query` models (controlled
+ * or uncontrolled), the commands filtered by a case-insensitive label
+ * substring, and `selectCommand`, which reports the command through
+ * `onRunCommand` and closes the palette.
+ */
+function useCommandPalette({ commands = [], open, defaultOpen = false, onOpenChange, query, defaultQuery = '', onQueryChange, onRunCommand, }) {
+    const [currentOpen, setOpen] = useModel(open, defaultOpen, onOpenChange);
+    const [currentQuery, setQuery] = useModel(query, defaultQuery, onQueryChange);
+    const filteredCommands = (0, react_1.useMemo)(() => {
+        const q = currentQuery.toLowerCase();
+        if (!q)
+            return commands;
+        return commands.filter((c) => c.label.toLowerCase().includes(q));
+    }, [commands, currentQuery]);
+    const selectCommand = (0, react_1.useCallback)((commandId) => {
+        onRunCommand?.({ commandId });
+        setOpen(false);
+    }, [onRunCommand, setOpen]);
+    const close = (0, react_1.useCallback)(() => setOpen(false), [setOpen]);
+    return {
+        open: currentOpen,
+        query: currentQuery,
+        setQuery,
+        filteredCommands,
+        selectCommand,
+        close,
+    };
+}
+//# sourceMappingURL=use-command-palette.js.map

package/src/lib/components/command-palette/use-command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-command-palette.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/command-palette/use-command-palette.ts"],"names":[],"mappings":";;AAuCA,8CAqCC;AA5ED,iCAAuD;AAKvD;;;;GAIG;AACH,SAAS,QAAQ,CACf,KAAoB,EACpB,YAAe,EACf,QAA0C;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAI,YAAY,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,CAAC,IAAO,EAAE,EAAE;QACV,IAAI,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAAE,OAAO;QAErC,IAAI,CAAC,UAAU;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAChC,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AACxB,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAChC,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,aAAa,EACb,YAAY,GACa;IACzB,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;IAE9E,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAa,GAAG,EAAE;QAChD,MAAM,CAAC,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QACrC,IAAI,CAAC,CAAC;YAAE,OAAO,QAAQ,CAAC;QACxB,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,SAAiB,EAAE,EAAE;QACpB,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3D,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,YAAY;QACnB,QAAQ;QACR,gBAAgB;QAChB,aAAa;QACb,KAAK;KACN,CAAC;AACJ,CAAC"}

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

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

package/src/lib/components/container/container.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/container/container.tsx"],"names":[],"mappings":";;AASA,wCAIC;;AAZD,sEAAuE;AACvE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,WAAW,EAAE,2CAAsB,CAAC,CAAC;IAEzE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import { IContainerOptions } from '../../models';
+export interface SmartContainerProps {
+    options?: IContainerOptions;
+    className?: string;
+    children?: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './container';
+export * from './container.types';
+export * from './preset/container-preset';
+export * from './preset/preset-classes';
+export * from './standard/container-standard';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/container/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,4DAAkC;AAClC,oEAA0C;AAC1C,kEAAwC;AACxC,wEAA8C"}

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

@@ -0,0 +1,8 @@
+import { SmartContainerProps } from '../container.types';
+/**
+ * Styled container variation (preset). Register it as `components.container`
+ * on `SmartProvider`, or render it directly. Unlike the neutral standard
+ * component, it maps `IContainerOptions` (`mode`, `padding`, `narrow`) to
+ * real layout utilities.
+ */
+export declare function SmartContainerPreset({ options, className, children, }: SmartContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartContainerPreset = SmartContainerPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled container variation (preset). Register it as `components.container`
+ * on `SmartProvider`, or render it directly. Unlike the neutral standard
+ * component, it maps `IContainerOptions` (`mode`, `padding`, `narrow`) to
+ * real layout utilities.
+ */
+function SmartContainerPreset({ options, className = '', children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getContainerClasses)(options?.mode, options?.padding, options?.narrow), className), "data-role": "container", children: children }));
+}
+//# sourceMappingURL=container-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/container/preset/container-preset.tsx"],"names":[],"mappings":";;AAUA,oDAgBC;;AA1BD,4DAAgD;AAEhD,qDAAuD;AAEvD;;;;;GAKG;AACH,SAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,QAAQ,GACY;IACpB,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX,IAAA,oCAAmB,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EACrE,SAAS,CACV,eACS,WAAW,YAEpB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IContainerOptions } from '../../../models';
+type ContainerMode = NonNullable<IContainerOptions['mode']>;
+type ContainerPadding = NonNullable<IContainerOptions['padding']>;
+/**
+ * Classes for the root container element. An unset mode behaves like
+ * `full-width` (the standard component has no styling default). When `narrow`
+ * is set, the max-width is tightened to `max-w-3xl` and wins over the mode's
+ * own max-width, ensuring the content stays centered.
+ */
+export declare function getContainerClasses(mode?: ContainerMode, padding?: ContainerPadding, narrow?: boolean): string;
+export {};

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

@@ -0,0 +1,37 @@
+"use strict";
+// Class recipes for the container preset. Every utility is `smart:`-prefixed
+// (Tailwind v4 `prefix(smart)`). The container is a neutral layout primitive,
+// so the recipe only controls horizontal rhythm (centering, max-width, padding)
+// and adds no colors.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContainerClasses = getContainerClasses;
+const MODE_CLASSES = {
+    container: ['smart:mx-auto', 'smart:max-w-7xl'],
+    constrained: ['smart:mx-auto', 'smart:max-w-5xl'],
+    'full-width': ['smart:w-full'],
+};
+const PADDING_CLASSES = {
+    always: ['smart:px-4', 'smart:sm:px-6', 'smart:lg:px-8'],
+    mobile: ['smart:px-4', 'smart:sm:px-0'],
+};
+/**
+ * Classes for the root container element. An unset mode behaves like
+ * `full-width` (the standard component has no styling default). When `narrow`
+ * is set, the max-width is tightened to `max-w-3xl` and wins over the mode's
+ * own max-width, ensuring the content stays centered.
+ */
+function getContainerClasses(mode, padding, narrow) {
+    let classes = [
+        ...(MODE_CLASSES[mode ?? 'full-width'] ?? MODE_CLASSES['full-width']),
+    ];
+    if (narrow) {
+        classes = classes.filter((c) => !c.startsWith('smart:max-w-'));
+        if (!classes.includes('smart:mx-auto')) {
+            classes.push('smart:mx-auto');
+        }
+        classes.push('smart:max-w-3xl');
+    }
+    const paddingClasses = padding && padding !== 'none' ? PADDING_CLASSES[padding] : [];
+    return [...classes, ...paddingClasses].join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/container/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,6EAA6E;AAC7E,8EAA8E;AAC9E,gFAAgF;AAChF,sBAAsB;;AAwBtB,kDAqBC;AAtCD,MAAM,YAAY,GAAoC;IACpD,SAAS,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC;IAC/C,WAAW,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC;IACjD,YAAY,EAAE,CAAC,cAAc,CAAC;CAC/B,CAAC;AAEF,MAAM,eAAe,GAAwD;IAC3E,MAAM,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC;IACxD,MAAM,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;CACxC,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,mBAAmB,CACjC,IAAoB,EACpB,OAA0B,EAC1B,MAAgB;IAEhB,IAAI,OAAO,GAAG;QACZ,GAAG,CAAC,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC;KACtE,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAChC,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,cAAc,GAClB,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnD,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartContainerProps } from '../container.types';
+/**
+ * The default container rendering (`<smart-container-standard>`): a neutral
+ * `div` exposing `options.mode` / `options.padding` as `data-mode` /
+ * `data-padding` for the application's own styling.
+ */
+export declare function SmartContainerStandard({ options, className, children, }: SmartContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartContainerStandard = SmartContainerStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default container rendering (`<smart-container-standard>`): a neutral
+ * `div` exposing `options.mode` / `options.padding` as `data-mode` /
+ * `data-padding` for the application's own styling.
+ */
+function SmartContainerStandard({ options, className, children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: className || undefined, "data-mode": options?.mode, "data-padding": options?.padding, children: children }));
+}
+//# sourceMappingURL=container-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/container/standard/container-standard.tsx"],"names":[],"mappings":";;AAOA,wDAcC;;AAnBD;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,SAAS,EACT,QAAQ,GACY;IACpB,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,IAAI,SAAS,eACtB,OAAO,EAAE,IAAI,kBACV,OAAO,EAAE,OAAO,YAE7B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}