@pallamart/pm-core-components 1.0.0 → 2.1.0

package/dist/ui/file-picker.js

@@ -1,49 +0,0 @@
-import { createElement } from '../create-element.js';
-import { Button } from './button.js';
-import { Input, Label } from './form.js';
-export function FilePicker({ accept = 'image/*', disabled, error, inputId, inputRef, label = 'Photo', name, onChange, onClear, onClickPicker, onDragOver, onDrop, onPickerClick, previewName, previewUrl, }) {
-    return createElement('div', { className: 'flex w-full flex-col space-y-2' }, label ? createElement(Label, null, label) : null, createElement('div', {
-        className: 'relative min-h-[12rem] w-full overflow-hidden rounded-lg border-2 border-dashed border-border bg-card transition-colors',
-        onDragOver,
-        onDrop,
-    }, previewName && previewUrl
-        ? createElement('div', { className: 'flex h-full min-h-[12rem] flex-col' }, createElement('div', { className: 'flex flex-1 items-center justify-center bg-card/80 p-4' }, createElement('img', {
-            alt: '',
-            className: 'max-h-48 w-auto rounded-lg border border-border object-contain',
-            src: previewUrl,
-        })), createElement('div', {
-            className: 'flex items-center justify-between gap-3 border-t border-border bg-card px-4 py-3',
-        }, createElement('span', { className: 'min-w-0 flex-1 truncate text-body-3 text-foreground' }, previewName), createElement('div', { className: 'flex shrink-0 items-center gap-2' }, createElement(Button, {
-            'aria-label': 'Change file',
-            disabled,
-            onClick: onClickPicker,
-            size: 'sm',
-            type: 'button',
-            variant: 'outline',
-        }, 'Change'), createElement(Button, {
-            'aria-label': 'Remove file',
-            className: 'h-auto px-0 py-0 text-muted-foreground',
-            disabled,
-            onClick: onClear,
-            type: 'button',
-            variant: 'link',
-        }, 'Remove'))))
-        : createElement(Label, {
-            'aria-disabled': disabled,
-            className: 'absolute inset-0 flex cursor-pointer flex-col items-center justify-center gap-2 p-6 transition-colors hover:bg-primary/5 hover:border-primary/40',
-            htmlFor: inputId,
-            onClick: onPickerClick,
-            style: { cursor: disabled ? 'not-allowed' : 'pointer' },
-        }, createElement('div', { className: 'flex flex-col items-center gap-1 text-center' }, createElement('span', { className: 'text-body-3 text-foreground' }, 'Drag & drop here or click to browse'), createElement('span', { className: 'text-body-3 text-muted-foreground' }, accept === 'image/*' ? 'Images only' : accept))), createElement(Input, {
-        'aria-disabled': disabled,
-        'aria-label': label,
-        accept,
-        className: 'sr-only',
-        disabled,
-        id: inputId,
-        name,
-        onChange,
-        ref: inputRef,
-        type: 'file',
-    })), error ? createElement('p', { className: 'text-body-3 text-destructive' }, error) : null);
-}

package/dist/ui/form.d.ts

@@ -1,15 +0,0 @@
-import type React from 'react';
-export declare function Field({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
-export declare function Label({ className, ...props }: React.LabelHTMLAttributes<HTMLLabelElement>): any;
-export declare function Input({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
-    ref?: React.Ref<HTMLInputElement>;
-}): any;
-export declare function DatePicker({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement> & {
-    ref?: React.Ref<HTMLInputElement>;
-}): any;
-export declare function Textarea({ className, ...props }: React.TextareaHTMLAttributes<HTMLTextAreaElement>): any;
-export declare function Select({ className, ...props }: React.SelectHTMLAttributes<HTMLSelectElement>): any;
-export declare function Checkbox({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>): any;
-export declare function Switch({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>): any;
-export declare function RadioGroup({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): any;
-export declare function Radio({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>): any;

package/dist/ui/form.js

@@ -1,67 +0,0 @@
-import { createElement } from '../create-element.js';
-import { cn } from '../utils/cn.js';
-export function Field({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        className: cn('grid gap-2', className),
-    });
-}
-export function Label({ className, ...props }) {
-    return createElement('label', {
-        ...props,
-        className: cn('text-body-3 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', className),
-    });
-}
-export function Input({ className, ...props }) {
-    return createElement('input', {
-        ...props,
-        className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-body-3 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-body-3 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className),
-    });
-}
-export function DatePicker({ className, ...props }) {
-    return createElement(Input, {
-        ...props,
-        type: 'date',
-        className,
-    });
-}
-export function Textarea({ className, ...props }) {
-    return createElement('textarea', {
-        ...props,
-        className: cn('flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-body-3 shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className),
-    });
-}
-export function Select({ className, ...props }) {
-    return createElement('select', {
-        ...props,
-        className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-body-3 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className),
-    });
-}
-export function Checkbox({ className, ...props }) {
-    return createElement('input', {
-        ...props,
-        type: 'checkbox',
-        className: cn('h-4 w-4 shrink-0 rounded-sm border border-input bg-background text-primary shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className),
-    });
-}
-export function Switch({ className, ...props }) {
-    return createElement('input', {
-        ...props,
-        type: 'checkbox',
-        className: cn('h-5 w-9 shrink-0 appearance-none rounded-full border border-input bg-input shadow-sm transition-colors checked:bg-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 before:block before:h-4 before:w-4 before:translate-x-0 before:rounded-full before:bg-background before:shadow before:transition-transform checked:before:translate-x-4', className),
-    });
-}
-export function RadioGroup({ className, ...props }) {
-    return createElement('div', {
-        ...props,
-        role: props.role ?? 'radiogroup',
-        className: cn('grid gap-2', className),
-    });
-}
-export function Radio({ className, ...props }) {
-    return createElement('input', {
-        ...props,
-        type: 'radio',
-        className: cn('h-4 w-4 shrink-0 rounded-full border border-input bg-background text-primary shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className),
-    });
-}

package/dist/ui/icon-button.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-import { type PmIconKey } from '@pallamart/pm-icons';
-type IconButtonVariant = 'default' | 'destructive' | 'ghost' | 'outline' | 'secondary';
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    iconKey: PmIconKey | string;
-    iconLabel: string;
-    iconSize?: number | string;
-    variant?: IconButtonVariant;
-}
-export declare function IconButton({ className, iconKey, iconLabel, iconSize, title, type, variant, ...props }: IconButtonProps): any;
-export {};

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(' ');
-}