@pallasoft/ps-internal-components 1.0.1 → 1.1.1

package/dist/components/ps-skeleton-card-grid.d.ts

@@ -0,0 +1,2 @@
+import type { PsSkeletonCardGridProps } from '../models/ps-skeleton-card-grid-props.js';
+export declare const PsSkeletonCardGrid: ({ className, count, withBadges, }: PsSkeletonCardGridProps) => import("react").JSX.Element;

package/dist/components/ps-skeleton-card-grid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSkeletonCardGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_card_header_js_1 = require("./ps-card-header.js");
+const ps_card_js_1 = require("./ps-card.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsSkeletonCardGrid = ({ className, count, withBadges = false, }) => ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', className: ps_class_name_service_js_1.PsClassNameService.merge('grid gap-3 lg:grid-cols-2', className), role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => ((0, jsx_runtime_1.jsx)(ps_card_js_1.PsCard, { children: (0, jsx_runtime_1.jsxs)(ps_card_header_js_1.PsCardHeader, { className: 'gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-5 w-44' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-full max-w-md' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-2/3' }), withBadges ? ((0, jsx_runtime_1.jsxs)("div", { className: 'flex gap-2 pt-1', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-5 w-36 rounded-full' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-5 w-28 rounded-full' })] })) : null] }) }, index)))] }));
+exports.PsSkeletonCardGrid = PsSkeletonCardGrid;

package/dist/components/ps-skeleton-list-card.d.ts

@@ -0,0 +1,2 @@
+import type { PsSkeletonListCardProps } from '../models/ps-skeleton-list-card-props.js';
+export declare const PsSkeletonListCard: ({ hasAction, hasHeader, rows, }: PsSkeletonListCardProps) => import("react").JSX.Element;

package/dist/components/ps-skeleton-list-card.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSkeletonListCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_card_content_js_1 = require("./ps-card-content.js");
+const ps_card_header_js_1 = require("./ps-card-header.js");
+const ps_card_js_1 = require("./ps-card.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsSkeletonListCard = ({ hasAction = true, hasHeader = true, rows = 5, }) => ((0, jsx_runtime_1.jsxs)(ps_card_js_1.PsCard, { "aria-busy": 'true', role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading" }), hasHeader ? ((0, jsx_runtime_1.jsxs)(ps_card_header_js_1.PsCardHeader, { className: 'gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-5 w-40' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-72 max-w-full' })] })) : null, (0, jsx_runtime_1.jsx)(ps_card_content_js_1.PsCardContent, { children: (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-col divide-y rounded-lg border', children: Array.from({ length: rows }, (_, index) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center justify-between gap-4 p-4', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-1 flex-col gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-36' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-3 w-3/4 max-w-md' })] }), hasAction ? (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-8 w-32' }) : null] }, index))) }) })] }));
+exports.PsSkeletonListCard = PsSkeletonListCard;

package/dist/components/ps-skeleton-page-header.d.ts

@@ -0,0 +1,2 @@
+import type { PsSkeletonPageHeaderProps } from '../models/ps-skeleton-page-header-props.js';
+export declare const PsSkeletonPageHeader: ({ hasBreadcrumb, withActions, }: PsSkeletonPageHeaderProps) => import("react").JSX.Element;

package/dist/components/ps-skeleton-page-header.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSkeletonPageHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsSkeletonPageHeader = ({ hasBreadcrumb = true, withActions = false, }) => ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', className: 'flex flex-col gap-3', role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading" }), hasBreadcrumb ? (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-72 max-w-full' }) : null, (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-8 w-80 max-w-full' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-[32rem] max-w-full' })] }), withActions ? ((0, jsx_runtime_1.jsxs)("div", { className: 'flex gap-2', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-9 w-36' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-9 w-40' })] })) : null] })] }));
+exports.PsSkeletonPageHeader = PsSkeletonPageHeader;

package/dist/components/ps-skeleton-stat-grid.d.ts

@@ -0,0 +1,2 @@
+import type { PsSkeletonStatGridProps } from '../models/ps-skeleton-stat-grid-props.js';
+export declare const PsSkeletonStatGrid: ({ className, count }: PsSkeletonStatGridProps) => import("react").JSX.Element;

package/dist/components/ps-skeleton-stat-grid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSkeletonStatGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_card_header_js_1 = require("./ps-card-header.js");
+const ps_card_js_1 = require("./ps-card.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsSkeletonStatGrid = ({ className, count }) => ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', className: ps_class_name_service_js_1.PsClassNameService.merge('grid grid-cols-2 gap-3 xl:grid-cols-4', className), role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => ((0, jsx_runtime_1.jsx)(ps_card_js_1.PsCard, { children: (0, jsx_runtime_1.jsxs)(ps_card_header_js_1.PsCardHeader, { className: 'gap-2 p-4', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-4 w-28' }), (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: 'h-7 w-12' })] }) }, index)))] }));
+exports.PsSkeletonStatGrid = PsSkeletonStatGrid;

package/dist/components/ps-skeleton-table.d.ts

@@ -0,0 +1,2 @@
+import type { PsSkeletonTableProps } from '../models/ps-skeleton-table-props.js';
+export declare const PsSkeletonTable: ({ alignments, columns, hasHeader, isFramed, rows, }: PsSkeletonTableProps) => import("react").JSX.Element;

package/dist/components/ps-skeleton-table.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSkeletonTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_card_content_js_1 = require("./ps-card-content.js");
+const ps_card_js_1 = require("./ps-card.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const PsSkeletonTable = ({ alignments, columns, hasHeader = true, isFramed = true, rows, }) => {
+    const isRight = (index) => alignments !== undefined && alignments[index] === 'right';
+    const cell = (index, height) => ((0, jsx_runtime_1.jsx)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex min-w-0', index === 0 ? 'flex-[2]' : 'flex-1', isRight(index) ? 'justify-end' : ''), children: (0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge(height, isRight(index) ? 'w-16' : 'w-3/4') }) }, index));
+    const table = ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading" }), hasHeader ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center gap-6 border-b px-4 py-3', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-3')) })) : null, Array.from({ length: rows }, (_, rowIndex) => ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center gap-6 border-b px-4 py-4 last:border-b-0', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-4')) }, rowIndex)))] }));
+    return isFramed ? ((0, jsx_runtime_1.jsx)(ps_card_js_1.PsCard, { children: (0, jsx_runtime_1.jsx)(ps_card_content_js_1.PsCardContent, { className: 'p-0', children: table }) })) : (table);
+};
+exports.PsSkeletonTable = PsSkeletonTable;

package/dist/esm/components/ps-skeleton-card-grid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonCardGrid = ({ className, count, withBadges = false, }) => (_jsxs("div", { "aria-busy": 'true', className: PsClassNameService.merge('grid gap-3 lg:grid-cols-2', className), role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-2', children: [_jsx(PsSkeleton, { className: 'h-5 w-44' }), _jsx(PsSkeleton, { className: 'h-4 w-full max-w-md' }), _jsx(PsSkeleton, { className: 'h-4 w-2/3' }), withBadges ? (_jsxs("div", { className: 'flex gap-2 pt-1', children: [_jsx(PsSkeleton, { className: 'h-5 w-36 rounded-full' }), _jsx(PsSkeleton, { className: 'h-5 w-28 rounded-full' })] })) : null] }) }, index)))] }));

package/dist/esm/components/ps-skeleton-list-card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsCardContent } from './ps-card-content.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonListCard = ({ hasAction = true, hasHeader = true, rows = 5, }) => (_jsxs(PsCard, { "aria-busy": 'true', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasHeader ? (_jsxs(PsCardHeader, { className: 'gap-2', children: [_jsx(PsSkeleton, { className: 'h-5 w-40' }), _jsx(PsSkeleton, { className: 'h-4 w-72 max-w-full' })] })) : null, _jsx(PsCardContent, { children: _jsx("div", { className: 'flex flex-col divide-y rounded-lg border', children: Array.from({ length: rows }, (_, index) => (_jsxs("div", { className: 'flex items-center justify-between gap-4 p-4', children: [_jsxs("div", { className: 'flex flex-1 flex-col gap-2', children: [_jsx(PsSkeleton, { className: 'h-4 w-36' }), _jsx(PsSkeleton, { className: 'h-3 w-3/4 max-w-md' })] }), hasAction ? _jsx(PsSkeleton, { className: 'h-8 w-32' }) : null] }, index))) }) })] }));

package/dist/esm/components/ps-skeleton-page-header.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonPageHeader = ({ hasBreadcrumb = true, withActions = false, }) => (_jsxs("div", { "aria-busy": 'true', className: 'flex flex-col gap-3', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasBreadcrumb ? _jsx(PsSkeleton, { className: 'h-4 w-72 max-w-full' }) : null, _jsxs("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(PsSkeleton, { className: 'h-8 w-80 max-w-full' }), _jsx(PsSkeleton, { className: 'h-4 w-[32rem] max-w-full' })] }), withActions ? (_jsxs("div", { className: 'flex gap-2', children: [_jsx(PsSkeleton, { className: 'h-9 w-36' }), _jsx(PsSkeleton, { className: 'h-9 w-40' })] })) : null] })] }));

package/dist/esm/components/ps-skeleton-stat-grid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardHeader } from './ps-card-header.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonStatGrid = ({ className, count }) => (_jsxs("div", { "aria-busy": 'true', className: PsClassNameService.merge('grid grid-cols-2 gap-3 xl:grid-cols-4', className), role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), Array.from({ length: count }, (_, index) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-2 p-4', children: [_jsx(PsSkeleton, { className: 'h-4 w-28' }), _jsx(PsSkeleton, { className: 'h-7 w-12' })] }) }, index)))] }));

package/dist/esm/components/ps-skeleton-table.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsCardContent } from './ps-card-content.js';
+import { PsCard } from './ps-card.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsSkeletonTable = ({ alignments, columns, hasHeader = true, isFramed = true, rows, }) => {
+    const isRight = (index) => alignments !== undefined && alignments[index] === 'right';
+    const cell = (index, height) => (_jsx("div", { className: PsClassNameService.merge('flex min-w-0', index === 0 ? 'flex-[2]' : 'flex-1', isRight(index) ? 'justify-end' : ''), children: _jsx(PsSkeleton, { className: PsClassNameService.merge(height, isRight(index) ? 'w-16' : 'w-3/4') }) }, index));
+    const table = (_jsxs("div", { "aria-busy": 'true', role: 'status', children: [_jsx("span", { className: 'sr-only', children: "Loading" }), hasHeader ? (_jsx("div", { className: 'flex items-center gap-6 border-b px-4 py-3', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-3')) })) : null, Array.from({ length: rows }, (_, rowIndex) => (_jsx("div", { className: 'flex items-center gap-6 border-b px-4 py-4 last:border-b-0', children: Array.from({ length: columns }, (_, index) => cell(index, 'h-4')) }, rowIndex)))] }));
+    return isFramed ? (_jsx(PsCard, { children: _jsx(PsCardContent, { className: 'p-0', children: table }) })) : (table);
+};

package/dist/esm/index.js

@@ -136,6 +136,11 @@ export * from './components/ps-sheet-title.js';
 export * from './components/ps-sheet-trigger.js';
 export * from './components/ps-sheet.js';
 export * from './components/ps-skeleton.js';
+export * from './components/ps-skeleton-card-grid.js';
+export * from './components/ps-skeleton-list-card.js';
+export * from './components/ps-skeleton-page-header.js';
+export * from './components/ps-skeleton-stat-grid.js';
+export * from './components/ps-skeleton-table.js';
 export * from './components/ps-spinner.js';
 export * from './components/ps-status-panel.js';
 export * from './components/ps-switch.js';
@@ -315,6 +320,11 @@ export * from './models/ps-sheet-header-props.js';
 export * from './models/ps-sheet-overlay-props.js';
 export * from './models/ps-sheet-title-props.js';
 export * from './models/ps-skeleton-props.js';
+export * from './models/ps-skeleton-card-grid-props.js';
+export * from './models/ps-skeleton-list-card-props.js';
+export * from './models/ps-skeleton-page-header-props.js';
+export * from './models/ps-skeleton-stat-grid-props.js';
+export * from './models/ps-skeleton-table-props.js';
 export * from './models/ps-spinner-props.js';
 export * from './models/ps-status-panel-props.js';
 export * from './models/ps-switch-props.js';

package/dist/esm/models/ps-skeleton-card-grid-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-list-card-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-page-header-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-stat-grid-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-table-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/index.d.ts

@@ -136,6 +136,11 @@ export * from './components/ps-sheet-title.js';
 export * from './components/ps-sheet-trigger.js';
 export * from './components/ps-sheet.js';
 export * from './components/ps-skeleton.js';
+export * from './components/ps-skeleton-card-grid.js';
+export * from './components/ps-skeleton-list-card.js';
+export * from './components/ps-skeleton-page-header.js';
+export * from './components/ps-skeleton-stat-grid.js';
+export * from './components/ps-skeleton-table.js';
 export * from './components/ps-spinner.js';
 export * from './components/ps-status-panel.js';
 export * from './components/ps-switch.js';
@@ -315,6 +320,11 @@ export * from './models/ps-sheet-header-props.js';
 export * from './models/ps-sheet-overlay-props.js';
 export * from './models/ps-sheet-title-props.js';
 export * from './models/ps-skeleton-props.js';
+export * from './models/ps-skeleton-card-grid-props.js';
+export * from './models/ps-skeleton-list-card-props.js';
+export * from './models/ps-skeleton-page-header-props.js';
+export * from './models/ps-skeleton-stat-grid-props.js';
+export * from './models/ps-skeleton-table-props.js';
 export * from './models/ps-spinner-props.js';
 export * from './models/ps-status-panel-props.js';
 export * from './models/ps-switch-props.js';

package/dist/index.js

@@ -152,6 +152,11 @@ __exportStar(require("./components/ps-sheet-title.js"), exports);
 __exportStar(require("./components/ps-sheet-trigger.js"), exports);
 __exportStar(require("./components/ps-sheet.js"), exports);
 __exportStar(require("./components/ps-skeleton.js"), exports);
+__exportStar(require("./components/ps-skeleton-card-grid.js"), exports);
+__exportStar(require("./components/ps-skeleton-list-card.js"), exports);
+__exportStar(require("./components/ps-skeleton-page-header.js"), exports);
+__exportStar(require("./components/ps-skeleton-stat-grid.js"), exports);
+__exportStar(require("./components/ps-skeleton-table.js"), exports);
 __exportStar(require("./components/ps-spinner.js"), exports);
 __exportStar(require("./components/ps-status-panel.js"), exports);
 __exportStar(require("./components/ps-switch.js"), exports);
@@ -331,6 +336,11 @@ __exportStar(require("./models/ps-sheet-header-props.js"), exports);
 __exportStar(require("./models/ps-sheet-overlay-props.js"), exports);
 __exportStar(require("./models/ps-sheet-title-props.js"), exports);
 __exportStar(require("./models/ps-skeleton-props.js"), exports);
+__exportStar(require("./models/ps-skeleton-card-grid-props.js"), exports);
+__exportStar(require("./models/ps-skeleton-list-card-props.js"), exports);
+__exportStar(require("./models/ps-skeleton-page-header-props.js"), exports);
+__exportStar(require("./models/ps-skeleton-stat-grid-props.js"), exports);
+__exportStar(require("./models/ps-skeleton-table-props.js"), exports);
 __exportStar(require("./models/ps-spinner-props.js"), exports);
 __exportStar(require("./models/ps-status-panel-props.js"), exports);
 __exportStar(require("./models/ps-switch-props.js"), exports);

package/dist/models/ps-skeleton-card-grid-props.d.ts

@@ -0,0 +1,5 @@
+export interface PsSkeletonCardGridProps {
+    className?: string;
+    count: number;
+    withBadges?: boolean;
+}

package/dist/models/ps-skeleton-card-grid-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-skeleton-list-card-props.d.ts

@@ -0,0 +1,5 @@
+export interface PsSkeletonListCardProps {
+    hasAction?: boolean;
+    hasHeader?: boolean;
+    rows?: number;
+}

package/dist/models/ps-skeleton-list-card-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-skeleton-page-header-props.d.ts

@@ -0,0 +1,4 @@
+export interface PsSkeletonPageHeaderProps {
+    hasBreadcrumb?: boolean;
+    withActions?: boolean;
+}

package/dist/models/ps-skeleton-page-header-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-skeleton-stat-grid-props.d.ts

@@ -0,0 +1,4 @@
+export interface PsSkeletonStatGridProps {
+    className?: string;
+    count: number;
+}

package/dist/models/ps-skeleton-stat-grid-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-skeleton-table-props.d.ts

@@ -0,0 +1,7 @@
+export interface PsSkeletonTableProps {
+    alignments?: ('left' | 'right')[];
+    columns: number;
+    hasHeader?: boolean;
+    isFramed?: boolean;
+    rows: number;
+}

package/dist/models/ps-skeleton-table-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-internal-components",
-	"version": "1.0.1",
+	"version": "1.1.1",
 	"private": false,
 	"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
 	"main": "./dist/index.js",
@@ -12,6 +12,7 @@
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
+			"import": "./dist/esm/index.js",
 			"module": "./dist/esm/index.js",
 			"require": "./dist/index.js",
 			"default": "./dist/index.js"
@@ -19,6 +20,7 @@
 		"./theme.css": "./src/styles/theme.css",
 		"./tailwind-preset": {
 			"types": "./dist/pallasoft-internal-tailwind-preset.d.ts",
+			"import": "./dist/esm/pallasoft-internal-tailwind-preset.js",
 			"module": "./dist/esm/pallasoft-internal-tailwind-preset.js",
 			"require": "./dist/pallasoft-internal-tailwind-preset.js",
 			"default": "./dist/pallasoft-internal-tailwind-preset.js"
@@ -30,7 +32,7 @@
 	],
 	"scripts": {
 		"husky:prepare": "npx husky",
-		"build": "tsc && tsc -p tsconfig.esm.json",
+		"build": "tsc && tsc -p tsconfig.esm.json && node -e \"require('fs').writeFileSync('dist/esm/package.json', JSON.stringify({ type: 'module' }))\"",
 		"setup:graphify": "sh scripts/graphify-setup.sh",
 		"update:graphify": "sh scripts/graphify-update.sh",
 		"lint": "npm run lint:eslint",