@pallasoft/ps-internal-components 1.0.0

package/dist/components/ps-card-header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('flex flex-col space-y-1.5 p-6', className), ...props })));
+PsCardHeader.displayName = 'PsCardHeader';

package/dist/components/ps-card-title.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardTitleProps } from '../models/ps-card-title-props.js';
+export declare const PsCardTitle: React.ForwardRefExoticComponent<PsCardTitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-card-title.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsCardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: PsClassNameService.merge('font-semibold leading-none tracking-tight', className), ...props })));
+PsCardTitle.displayName = 'PsCardTitle';

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsCardProps } from '../models/ps-card-props.js';
+export declare const PsCard: React.ForwardRefExoticComponent<PsCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ps-card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsCard = React.forwardRef(({ className, isLoading = false, ...props }, ref) => isLoading ? (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-40 w-full rounded-xl', className) })) : (_jsx("div", { ref: ref, className: PsClassNameService.merge('rounded-xl border bg-card text-card-foreground shadow', className), ...props })));
+PsCard.displayName = 'PsCard';

package/dist/components/ps-chart-container.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsChartContainerProps } from '../models/ps-chart-container-props.js';
+export declare const PsChartContainer: ({ id, className, children, config, ...props }: PsChartContainerProps) => React.JSX.Element;

package/dist/components/ps-chart-container.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { PsChartContext } from '../contexts/ps-chart-context.js';
+import { PsChartService } from '../services/ps-chart-service.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsChartStyle } from './ps-chart-style.js';
+export const PsChartContainer = ({ id, className, children, config, ...props }) => {
+    const generated = React.useId();
+    const chartId = PsChartService.chartId(id, generated);
+    const value = React.useMemo(() => ({ config }), [config]);
+    return (_jsx(PsChartContext.Provider, { value: value, children: _jsxs("div", { "data-chart": chartId, "data-slot": 'chart', className: PsClassNameService.merge("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className), ...props, children: [_jsx(PsChartStyle, { config: config, id: chartId }), _jsx(RechartsPrimitive.ResponsiveContainer, { children: children })] }) }));
+};

package/dist/components/ps-chart-legend-content.d.ts

@@ -0,0 +1,2 @@
+import type { PsChartLegendContentProps } from '../models/ps-chart-legend-content-props.js';
+export declare const PsChartLegendContent: ({ className, hideIcon, payload, verticalAlign, nameKey, }: PsChartLegendContentProps) => import("react").JSX.Element | null;

package/dist/components/ps-chart-legend-content.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsChartDefaults } from '../constants/ps-chart-defaults.js';
+import { usePsChart } from '../hooks/use-ps-chart.js';
+import { PsChartService } from '../services/ps-chart-service.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey, }) => {
+    const { config } = usePsChart();
+    if (payload === undefined || payload.length === 0)
+        return null;
+    return (_jsx("div", { className: PsClassNameService.merge('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload.map((item) => {
+            const key = `${nameKey !== undefined ? nameKey : item.dataKey !== undefined ? String(item.dataKey) : PsChartDefaults.valueKey}`;
+            const itemConfig = PsChartService.itemFor(config, item, key);
+            return (_jsxs("div", { className: 'flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground', children: [itemConfig !== undefined && itemConfig.icon !== undefined && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: 'size-2 shrink-0 rounded-[2px]', style: { backgroundColor: item.color } })), itemConfig !== undefined ? itemConfig.label : null] }, String(item.value)));
+        }) }));
+};

package/dist/components/ps-chart-legend.d.ts

@@ -0,0 +1,2 @@
+import * as RechartsPrimitive from 'recharts';
+export declare const PsChartLegend: typeof RechartsPrimitive.Legend;

package/dist/components/ps-chart-legend.js

@@ -0,0 +1,2 @@
+import * as RechartsPrimitive from 'recharts';
+export const PsChartLegend = RechartsPrimitive.Legend;