@pallamart/pm-core-components 1.0.0 → 2.0.0

package/dist/ui/icon-button.js

@@ -1,18 +0,0 @@
-import { PmIcon } from '@pallamart/pm-icons';
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-import { buttonVariants } from './button.js';
-const IconComponent = PmIcon;
-export function IconButton({ className, iconKey, iconLabel, iconSize = 16, title, type = 'button', variant = 'ghost', ...props }) {
-    return createElement('button', {
-        ...props,
-        'aria-label': iconLabel,
-        className: cn(buttonVariants({ size: 'icon', variant }), className),
-        title: title ?? iconLabel,
-        type,
-    }, createElement(IconComponent, {
-        'aria-hidden': true,
-        iconKey,
-        size: iconSize,
-    }));
-}

package/dist/ui/misc.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-export declare function AspectRatio({ className, ratio, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-    ratio?: number;
-}): any;
-export declare function ButtonGroup({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
-export declare function StatusPanel({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
-export declare function Kbd({ className, ...props }: React.HTMLAttributes<HTMLElement>): any;
-export declare function Pagination({ className, ...props }: React.HTMLAttributes<HTMLElement>): any;
-export declare function PaginationContent({ className, ...props }: React.HTMLAttributes<HTMLUListElement>): any;
-export declare function PaginationItem({ className, ...props }: React.HTMLAttributes<HTMLLIElement>): any;

package/dist/ui/misc.js

@@ -1,46 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function AspectRatio({ className, ratio = 1, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('relative w-full overflow-hidden', className),
-        style: { ...props.style, aspectRatio: String(ratio) },
-    });
-}
-export function ButtonGroup({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('inline-flex items-center rounded-md shadow-sm [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child):not(:last-child)]:rounded-none', className),
-    });
-}
-export function StatusPanel({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('flex flex-col gap-4 rounded-lg border border-border bg-muted/30 p-4 lg:flex-row lg:items-center lg:justify-between', className),
-    });
-}
-export function Kbd({ className, ...props }) {
-    return createElement('kbd', {
-        ...props,
-        className: cn('pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-body-4 text-muted-foreground', className),
-    });
-}
-export function Pagination({ className, ...props }) {
-    return createElement('nav', {
-        ...props,
-        'aria-label': props['aria-label'] ?? 'Pagination',
-        className: cn('mx-auto flex w-full justify-center', className),
-    });
-}
-export function PaginationContent({ className, ...props }) {
-    return createElement('ul', {
-        ...props,
-        className: cn('flex flex-row items-center gap-1', className),
-    });
-}
-export function PaginationItem({ className, ...props }) {
-    return createElement('li', {
-        ...props,
-        className: cn('', className),
-    });
-}

package/dist/ui/popover.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-export declare function Popover({ className, ...props }: React.HTMLAttributes<HTMLDetailsElement>): any;
-export declare function PopoverTrigger({ className, ...props }: React.HTMLAttributes<HTMLElement>): any;
-export declare function PopoverContent({ align, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-    align?: 'end' | 'start';
-}): any;

package/dist/ui/popover.js

@@ -1,20 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Popover({ className, ...props }) {
-    return createElement('details', {
-        ...props,
-        className: cn('group relative inline-block text-left', className),
-    });
-}
-export function PopoverTrigger({ className, ...props }) {
-    return createElement('summary', {
-        ...props,
-        className: cn('flex cursor-pointer list-none items-center [&::-webkit-details-marker]:hidden', className),
-    });
-}
-export function PopoverContent({ align = 'end', className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('absolute z-50 mt-2 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-lg', align === 'end' ? 'right-0' : 'left-0', className),
-    });
-}

package/dist/ui/progress.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-export declare function Progress({ className, value, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-    value?: number;
-}): any;

package/dist/ui/progress.js

@@ -1,16 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Progress({ className, value = 0, ...props }) {
-    const normalizedValue = Math.max(0, Math.min(100, value));
-    return createElement('div', {
-        ...props,
-        'aria-valuemax': 100,
-        'aria-valuemin': 0,
-        'aria-valuenow': normalizedValue,
-        role: 'progressbar',
-        className: cn('relative h-2 w-full overflow-hidden rounded-full bg-secondary', className),
-    }, createElement('div', {
-        className: 'h-full w-full flex-1 bg-primary transition-all',
-        style: { transform: `translateX(-${100 - normalizedValue}%)` },
-    }));
-}

package/dist/ui/separator.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-export declare function Separator({ className, orientation, ...props }: React.HTMLAttributes<HTMLDivElement> & {
-    orientation?: 'horizontal' | 'vertical';
-}): any;

package/dist/ui/separator.js

@@ -1,10 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Separator({ className, orientation = 'horizontal', ...props }) {
-    return createElement('div', {
-        ...props,
-        'aria-orientation': orientation,
-        role: props.role ?? 'separator',
-        className: cn('shrink-0 bg-border', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className),
-    });
-}

package/dist/ui/skeleton.d.ts

@@ -1,2 +0,0 @@
-import type React from 'react';
-export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;

package/dist/ui/skeleton.js

@@ -1,8 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Skeleton({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('animate-pulse rounded-md bg-muted', className),
-    });
-}

package/dist/ui/spinner.d.ts

@@ -1,2 +0,0 @@
-import type React from 'react';
-export declare function Spinner({ className, ...props }: React.SVGProps<SVGSVGElement>): any;

package/dist/ui/spinner.js

@@ -1,26 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Spinner({ className, ...props }) {
-    const svgProps = props;
-    return createElement('svg', {
-        ...svgProps,
-        'aria-label': props['aria-label'] ?? 'Loading',
-        className: cn('h-4 w-4 animate-spin', className),
-        fill: 'none',
-        role: 'status',
-        viewBox: '0 0 24 24',
-    }, createElement('circle', {
-        className: 'opacity-25',
-        cx: 12,
-        cy: 12,
-        r: 10,
-        stroke: 'currentColor',
-        strokeWidth: 4,
-    }), createElement('path', {
-        className: 'opacity-75',
-        d: 'M4 12a8 8 0 0 1 8-8',
-        stroke: 'currentColor',
-        strokeLinecap: 'round',
-        strokeWidth: 4,
-    }));
-}

package/dist/ui/table.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare function Table({ className, ...props }: React.TableHTMLAttributes<HTMLTableElement>): any;
-export declare function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): any;
-export declare function TableBody({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): any;
-export declare function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): any;
-export declare function TableHead({ className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>): any;
-export declare function TableCell({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>): any;

package/dist/ui/table.js

@@ -1,41 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Table({ className, ...props }) {
-    return createElement('div', {
-        className: 'w-full overflow-auto',
-        children: createElement('table', {
-            ...props,
-            className: cn('w-full caption-bottom text-body-3', className),
-        }),
-    });
-}
-export function TableHeader({ className, ...props }) {
-    return createElement('thead', {
-        ...props,
-        className: cn('[&_tr]:border-b', className),
-    });
-}
-export function TableBody({ className, ...props }) {
-    return createElement('tbody', {
-        ...props,
-        className: cn('[&_tr:last-child]:border-0', className),
-    });
-}
-export function TableRow({ className, ...props }) {
-    return createElement('tr', {
-        ...props,
-        className: cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className),
-    });
-}
-export function TableHead({ className, ...props }) {
-    return createElement('th', {
-        ...props,
-        className: cn('h-10 px-3 text-left align-middle text-muted-foreground', className),
-    });
-}
-export function TableCell({ className, ...props }) {
-    return createElement('td', {
-        ...props,
-        className: cn('px-3 py-3 align-middle', className),
-    });
-}

package/dist/ui/tabs.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-export declare function TabsList({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
-export declare function TabsTrigger({ as, className, active, ...props }: React.HTMLAttributes<HTMLElement> & {
-    active?: boolean;
-    as?: any;
-}): any;

package/dist/ui/tabs.js

@@ -1,17 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function TabsList({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('inline-flex h-9 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
-    });
-}
-export function TabsTrigger({ as, className, active, ...props }) {
-    return createElement(as ?? 'span', {
-        ...props,
-        type: as === 'button' ? props.type ?? 'button' : undefined,
-        className: cn('inline-flex h-7 items-center justify-center whitespace-nowrap rounded-sm px-3 text-body-3 leading-none transition-all', active
-            ? 'bg-background text-foreground shadow-sm'
-            : 'text-muted-foreground hover:text-foreground', className),
-    });
-}

package/dist/ui/tooltip.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-export declare function Tooltip({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): any;
-export declare function TooltipTrigger({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): any;
-export declare function TooltipContent({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): any;

package/dist/ui/tooltip.js

@@ -1,20 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Tooltip({ className, ...props }) {
-    return createElement('span', {
-        ...props,
-        className: cn('group relative inline-flex', className),
-    });
-}
-export function TooltipTrigger({ className, ...props }) {
-    return createElement('span', {
-        ...props,
-        className: cn('inline-flex', className),
-    });
-}
-export function TooltipContent({ className, ...props }) {
-    return createElement('span', {
-        ...props,
-        className: cn('pointer-events-none absolute bottom-full left-1/2 z-50 mb-2 hidden -translate-x-1/2 whitespace-nowrap rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground shadow group-hover:block', className),
-    });
-}

package/dist/utils/cn.d.ts

@@ -1 +0,0 @@
-export declare function cn(...values: Array<false | null | string | undefined>): string;

package/dist/utils/cn.js

@@ -1,3 +0,0 @@
-export function cn(...values) {
-    return values.filter(Boolean).join(' ');
-}