@visulima/dev-toolbar 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/ui/index.d.ts

@@ -1,17 +1,382 @@
-export { default as cn } from "../utils/cn.d.ts";
-export { Alert, AlertDescription, AlertTitle } from "./components/alert.d.ts";
-export { default as Badge } from "./components/badge.d.ts";
-export { default as Button } from "./components/button.d.ts";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card.d.ts";
-export { default as Icon } from "./components/icon.d.ts";
-export { default as Input } from "./components/input.d.ts";
-export { default as Label } from "./components/label.d.ts";
-export { Popover, PopoverClose, PopoverContent, PopoverTrigger } from "./components/popover.d.ts";
-export { default as Progress } from "./components/progress.d.ts";
-export { default as Separator } from "./components/separator.d.ts";
-export { default as Skeleton } from "./components/skeleton.d.ts";
-export { default as Switch } from "./components/switch.d.ts";
-export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.d.ts";
-export { default as Textarea } from "./components/textarea.d.ts";
-export { Tooltip, TooltipContent, TooltipTrigger } from "./components/tooltip.d.ts";
-export { clsx } from "clsx";
+import { ComponentChildren, JSX } from 'preact';
+import { RefAttributes, ForwardRefExoticComponent } from 'preact/compat';
+type AlertVariant = "default" | "destructive" | "info" | "success" | "warning";
+interface AlertProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  variant?: AlertVariant;
+}
+interface AlertTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+interface AlertDescriptionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Alert: ({
+  children,
+  class: className,
+  variant,
+  ...rest
+}: AlertProps) => JSX.Element;
+declare const AlertTitle: ({
+  children,
+  class: className,
+  ...rest
+}: AlertTitleProps) => JSX.Element;
+declare const AlertDescription: ({
+  children,
+  class: className,
+  ...rest
+}: AlertDescriptionProps) => JSX.Element;
+type BadgeVariant = "default" | "destructive" | "info" | "outline" | "secondary" | "success" | "warning";
+interface BadgeProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  variant?: BadgeVariant;
+}
+declare const Badge: ({
+  children,
+  class: className,
+  variant,
+  ...rest
+}: BadgeProps) => JSX.Element;
+type ButtonSize = "default" | "icon" | "lg" | "sm";
+type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+interface ButtonProps extends JSX.ButtonHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+  size?: ButtonSize;
+  variant?: ButtonVariant;
+}
+declare const Button: ({
+  children,
+  class: className,
+  size,
+  type,
+  variant,
+  ...rest
+}: ButtonProps) => JSX.Element;
+interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Card: ({
+  children,
+  class: className,
+  ...rest
+}: CardProps) => JSX.Element;
+declare const CardHeader: ({
+  children,
+  class: className,
+  ...rest
+}: CardProps) => JSX.Element;
+declare const CardTitle: ({
+  children,
+  class: className,
+  ...rest
+}: CardTitleProps) => JSX.Element;
+declare const CardDescription: ({
+  children,
+  class: className,
+  ...rest
+}: CardProps) => JSX.Element;
+declare const CardContent: ({
+  children,
+  class: className,
+  ...rest
+}: CardProps) => JSX.Element;
+declare const CardFooter: ({
+  children,
+  class: className,
+  ...rest
+}: CardProps) => JSX.Element;
+interface IconProps {
+  class?: string;
+  size?: number;
+  /**
+  * CSS data-URI from a `?data-uri&amp;encoding=css` lucide-static import.
+  * Uses CSS mask-image so the icon inherits currentColor from the parent.
+  */
+  src: string;
+}
+/**
+* Renders a lucide-static icon using CSS mask-image.
+* Color is driven by the parent element's `color` property (currentColor).
+* @example
+* import xIcon from "lucide-static/icons/x.svg?data-uri&amp;encoding=css";
+* &lt;Icon src={xIcon} size={13} />
+*/
+declare const Icon: ({
+  class: className,
+  size,
+  src
+}: IconProps) => ComponentChildren;
+interface InputProps extends JSX.InputHTMLAttributes {
+  class?: string;
+}
+declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+interface LabelProps extends JSX.LabelHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Label: ({
+  children,
+  class: className,
+  ...rest
+}: LabelProps) => JSX.Element;
+interface PopoverProps {
+  children: ComponentChildren;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  open?: boolean;
+}
+interface PopoverTriggerProps extends JSX.ButtonHTMLAttributes {
+  children: ComponentChildren;
+  class?: string;
+}
+interface PopoverContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  align?: "center" | "end" | "start";
+  children: ComponentChildren;
+  class?: string;
+  side?: "bottom" | "left" | "right" | "top";
+  sideOffset?: number;
+}
+interface PopoverCloseProps extends JSX.ButtonHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Popover: ({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open
+}: PopoverProps) => JSX.Element;
+declare const PopoverTrigger: ({
+  children,
+  class: className,
+  ...rest
+}: PopoverTriggerProps) => JSX.Element;
+declare const PopoverContent: ({
+  align,
+  children,
+  class: className,
+  side,
+  sideOffset,
+  ...rest
+}: PopoverContentProps) => JSX.Element | undefined;
+declare const PopoverClose: ({
+  children,
+  class: className,
+  ...rest
+}: PopoverCloseProps) => JSX.Element;
+interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+  value?: number;
+}
+declare const Progress: ({
+  class: className,
+  value,
+  ...rest
+}: ProgressProps) => JSX.Element;
+interface SelectContextValue {
+  highlightedValue: string | null;
+  instanceId: string;
+  onSelect: (value: string) => void;
+  open: boolean;
+  search: string;
+  setHighlightedValue: (v: string | null) => void;
+  setOpen: (v: boolean) => void;
+  setSearch: (v: string) => void;
+  triggerRef: {
+    current: HTMLButtonElement | null;
+  };
+  value: string;
+}
+declare const useSelectContext: () => SelectContextValue;
+interface SelectOption {
+  label: string;
+  value: string;
+}
+interface SelectProps {
+  children: ComponentChildren;
+  onValueChange?: (value: string) => void;
+  value?: string;
+}
+interface SelectTriggerProps extends Omit<JSX.ButtonHTMLAttributes, "children"> {
+  children: ComponentChildren;
+  class?: string;
+}
+interface SelectContentProps {
+  align?: "center" | "end" | "start";
+  children: ComponentChildren;
+  class?: string;
+  searchable?: boolean;
+  side?: "bottom" | "top";
+  sideOffset?: number;
+}
+interface SelectItemProps {
+  children: ComponentChildren;
+  class?: string;
+  value: string;
+}
+interface SelectValueProps {
+  class?: string;
+  options: SelectOption[];
+  placeholder?: string;
+}
+declare const Select: ({
+  children,
+  onValueChange,
+  value
+}: SelectProps) => JSX.Element;
+declare const SelectTrigger: ({
+  children,
+  class: className,
+  ...rest
+}: SelectTriggerProps) => JSX.Element;
+declare const SelectValue: ({
+  class: className,
+  options,
+  placeholder
+}: SelectValueProps) => JSX.Element;
+declare const SelectContent: ({
+  align,
+  children,
+  class: className,
+  searchable,
+  side,
+  sideOffset
+}: SelectContentProps) => JSX.Element | undefined;
+declare const SelectItem: ({
+  children,
+  class: className,
+  value: itemValue
+}: SelectItemProps) => JSX.Element;
+interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+  decorative?: boolean;
+  orientation?: "horizontal" | "vertical";
+}
+declare const Separator: ({
+  class: className,
+  decorative,
+  orientation,
+  ...rest
+}: SeparatorProps) => JSX.Element;
+interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+}
+declare const Skeleton: ({
+  class: className,
+  ...rest
+}: SkeletonProps) => JSX.Element;
+interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes, "onChange"> {
+  checked?: boolean;
+  class?: string;
+  defaultChecked?: boolean;
+  disabled?: boolean;
+  id?: string;
+  onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: ({
+  checked,
+  class: className,
+  defaultChecked,
+  disabled,
+  id,
+  onCheckedChange,
+  ...rest
+}: SwitchProps) => JSX.Element;
+interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  value?: string;
+}
+interface TabsListProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+interface TabsTriggerProps extends JSX.ButtonHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+  disabled?: boolean;
+  value: string;
+}
+interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  value: string;
+}
+declare const Tabs: ({
+  children,
+  class: className,
+  defaultValue,
+  onValueChange,
+  value,
+  ...rest
+}: TabsProps) => JSX.Element;
+declare const TabsList: ({
+  children,
+  class: className,
+  ...rest
+}: TabsListProps) => JSX.Element;
+declare const TabsTrigger: ({
+  children,
+  class: className,
+  disabled,
+  value,
+  ...rest
+}: TabsTriggerProps) => JSX.Element;
+declare const TabsContent: ({
+  children,
+  class: className,
+  value,
+  ...rest
+}: TabsContentProps) => JSX.Element | undefined;
+interface TextareaProps extends JSX.TextareaHTMLAttributes {
+  class?: string;
+}
+declare const Textarea: ForwardRefExoticComponent<RefAttributes<HTMLTextAreaElement> & TextareaProps>;
+interface TooltipProps {
+  children: ComponentChildren;
+  delayDuration?: number;
+}
+interface TooltipTriggerProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+  children: ComponentChildren;
+  class?: string;
+}
+interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children: ComponentChildren;
+  class?: string;
+  side?: "bottom" | "left" | "right" | "top";
+  sideOffset?: number;
+}
+declare const Tooltip: ({
+  children,
+  delayDuration: _delayDuration
+}: TooltipProps) => JSX.Element;
+declare const TooltipTrigger: ({
+  children,
+  class: className,
+  ...rest
+}: TooltipTriggerProps) => JSX.Element;
+declare const TooltipContent: ({
+  children,
+  class: className,
+  side,
+  sideOffset,
+  ...rest
+}: TooltipContentProps) => JSX.Element | undefined;
+type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
+type ClassDictionary = Record<string, any>;
+type ClassArray = ClassValue[];
+declare function clsx(...inputs: ClassValue[]): string;
+export { Alert, AlertDescription, AlertTitle, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Icon, Input, Label, Popover, PopoverClose, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectItem, type SelectOption, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipTrigger, clsx, useSelectContext };

package/dist/ui/index.js

@@ -1 +1 @@
-import{default as e}from"../packem_shared/cn-DWLJYh3h.js";import{Alert as a,AlertDescription as f,AlertTitle as p}from"../packem_shared/Alert-H-x1JuZ0.js";import{default as s}from"../packem_shared/Badge-C30mDKKG.js";import{default as x}from"../packem_shared/Button-DODNCTPZ.js";import{Card as n,CardContent as i,CardDescription as u,CardFooter as T,CardHeader as C,CardTitle as g}from"../packem_shared/Card-DdI7Wn3t.js";import{default as b}from"../packem_shared/Icon-DWFLZkwW.js";import{default as v}from"../packem_shared/Input-GfbOwAkK.js";import{default as S}from"../packem_shared/Label-Bzi47aUf.js";import{Popover as D,PopoverClose as I,PopoverContent as L,PopoverTrigger as h}from"../packem_shared/Popover-CLt7YhUF.js";import{default as w}from"../packem_shared/Progress-vGfFpxRn.js";import{default as H}from"../packem_shared/Separator-DQGeJPQg.js";import{default as q}from"../packem_shared/Skeleton-BYXau6jM.js";import{default as z}from"../packem_shared/Switch-BeC78S_T.js";import{Tabs as G,TabsContent as J,TabsList as K,TabsTrigger as M}from"../packem_shared/Tabs-CXERaeAp.js";import{default as O}from"../packem_shared/Textarea-DvbSX13V.js";import{Tooltip as R,TooltipContent as U,TooltipTrigger as V}from"../packem_shared/Tooltip-tlBN-NdK.js";import{clsx as X}from"clsx";export{a as Alert,f as AlertDescription,p as AlertTitle,s as Badge,x as Button,n as Card,i as CardContent,u as CardDescription,T as CardFooter,C as CardHeader,g as CardTitle,b as Icon,v as Input,S as Label,D as Popover,I as PopoverClose,L as PopoverContent,h as PopoverTrigger,w as Progress,H as Separator,q as Skeleton,z as Switch,G as Tabs,J as TabsContent,K as TabsList,M as TabsTrigger,O as Textarea,R as Tooltip,U as TooltipContent,V as TooltipTrigger,X as clsx,e as cn};
+import{Alert as o,AlertDescription as r,AlertTitle as a}from"../packem_shared/Alert-CZq7C43v.js";import{default as p}from"../packem_shared/Badge-PpblpNWg.js";import{default as s}from"../packem_shared/Button-CAKvtfij.js";import{Card as d,CardContent as m,CardDescription as n,CardFooter as i,CardHeader as u,CardTitle as T}from"../packem_shared/Card-BSy2oRiS.js";import{default as c}from"../packem_shared/Icon-0XYV-4AL.js";import{default as S}from"../packem_shared/Input-Dc1WiT01.js";import{default as P}from"../packem_shared/Label-BZh8XxUb.js";import{Popover as A,PopoverClose as I,PopoverContent as B,PopoverTrigger as D}from"../packem_shared/Popover-DuiU8EPg.js";import{default as h}from"../packem_shared/Progress-C90LC--2.js";import{Select as w,SelectContent as F,SelectItem as H,SelectTrigger as V,SelectValue as j,useSelectContext as q}from"../packem_shared/Select-CwD-d0pi.js";import{default as z}from"../packem_shared/Separator-PSjfhX_W.js";import{default as G}from"../packem_shared/Skeleton-BAFrGUR1.js";import{default as K}from"../packem_shared/Switch-Wpsp5M3p.js";import{Tabs as N,TabsContent as O,TabsList as Q,TabsTrigger as R}from"../packem_shared/Tabs-BdNFQd3c.js";import{default as W}from"../packem_shared/Textarea-DP9gpte-.js";import{Tooltip as Y,TooltipContent as Z,TooltipTrigger as _}from"../packem_shared/Tooltip-DVeuszoY.js";import{clsx as ee}from"../packem_shared/clsx-CtZWcPHt.js";export{o as Alert,r as AlertDescription,a as AlertTitle,p as Badge,s as Button,d as Card,m as CardContent,n as CardDescription,i as CardFooter,u as CardHeader,T as CardTitle,c as Icon,S as Input,P as Label,A as Popover,I as PopoverClose,B as PopoverContent,D as PopoverTrigger,h as Progress,w as Select,F as SelectContent,H as SelectItem,V as SelectTrigger,j as SelectValue,z as Separator,G as Skeleton,K as Switch,N as Tabs,O as TabsContent,Q as TabsList,R as TabsTrigger,W as Textarea,Y as Tooltip,Z as TooltipContent,_ as TooltipTrigger,ee as clsx,q as useSelectContext};