canx-ui 1.0.2 → 1.1.1

package/dist/bin/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/bin/registry.d.ts

@@ -0,0 +1,7 @@
+export namespace registry {
+    let utils: string;
+    let button: string;
+    let input: string;
+    let modal: string;
+    let cssVars: string;
+}

package/dist/components/ActionButton.d.ts

@@ -0,0 +1,9 @@
+interface ActionButtonProps {
+    onClick?: () => void;
+    href?: string;
+    icon?: string;
+    variant?: 'primary' | 'danger' | 'neutral';
+    label?: string;
+}
+export declare function ActionButton({ onClick, href, icon, variant, label }: ActionButtonProps): string;
+export {};

package/dist/components/Alert.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/AnimatedGradientText.d.ts

@@ -0,0 +1,7 @@
+interface AnimatedGradientTextProps {
+    children: any;
+    className?: string;
+    as?: "h1" | "h2" | "h3" | "p" | "span";
+}
+export declare function AnimatedGradientText({ children, className, as: Tag }: AnimatedGradientTextProps): string;
+export {};

package/dist/components/ApplicationLogo.d.ts

@@ -0,0 +1 @@
+export declare function ApplicationLogo(props: Record<string, any>): string;

package/dist/components/AuroraBackground.d.ts

@@ -0,0 +1,5 @@
+interface AuroraBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare function AuroraBackground({ children, className, ...props }: AuroraBackgroundProps): string;
+export {};

package/dist/components/Badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): string;
+export { Badge, badgeVariants };

package/dist/components/Button.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/Card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,8 @@
+interface CheckboxProps {
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    className?: string;
+}
+export declare function Checkbox({ name, value, checked, className }: CheckboxProps): string;
+export {};

package/dist/components/DataTable.d.ts

@@ -0,0 +1,20 @@
+interface Column<T> {
+    header: string;
+    accessor: keyof T | ((item: T) => any);
+    align?: 'left' | 'center' | 'right';
+    render?: (item: T) => any;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    actions?: (item: T) => any;
+    title?: string;
+    description?: string;
+    primaryAction?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+    };
+}
+export declare function DataTable<T>({ data, columns, actions, title, description, primaryAction }: DataTableProps<T>): string;
+export {};

package/dist/components/GlowCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface GlowCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+    hoverEffect?: "lift" | "glow" | "both";
+}
+export declare function GlowCard({ children, className, hoverEffect, ...props }: GlowCardProps): string;
+export {};

package/dist/components/GridPattern.d.ts

@@ -0,0 +1,6 @@
+interface GridPatternProps {
+    className?: string;
+    variant?: "grid" | "dots";
+}
+export declare function GridPattern({ className, variant }: GridPatternProps): string;
+export {};

package/dist/components/Input.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/InputLabel.d.ts

@@ -0,0 +1,8 @@
+interface InputLabelProps {
+    htmlFor?: string;
+    value?: string;
+    className?: string;
+    children?: any;
+}
+export declare function InputLabel({ htmlFor, value, className, children }: InputLabelProps): string;
+export {};

package/dist/components/Label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/Modal.d.ts

@@ -0,0 +1,12 @@
+export interface ModalProps {
+    id: string;
+    title?: string;
+    children: any;
+    className?: string;
+    triggerLabel?: string;
+}
+/**
+ * Native HTML Dialog Modal.
+ * Use `(document.getElementById(id) as HTMLDialogElement).showModal()` to open.
+ */
+export declare function Modal({ id, title, children, className, triggerLabel }: ModalProps): string;

package/dist/components/PrimaryButton.d.ts

@@ -0,0 +1,8 @@
+interface PrimaryButtonProps {
+    type?: "button" | "submit" | "reset";
+    className?: string;
+    disabled?: boolean;
+    children?: any;
+}
+export declare function PrimaryButton({ type, className, disabled, children }: PrimaryButtonProps): string;
+export {};

package/dist/components/ShimmerButton.d.ts

@@ -0,0 +1,6 @@
+interface ShimmerButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    href?: string;
+    variant?: "primary" | "outline";
+}
+export declare function ShimmerButton({ children, className, href, type, disabled, variant, ...props }: ShimmerButtonProps): string;
+export {};

package/dist/components/SpotlightCard.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SpotlightCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function SpotlightCard({ children, className, ...props }: SpotlightCardProps): string;
+export {};

package/dist/components/Table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/components/TextInput.d.ts

@@ -0,0 +1,13 @@
+interface TextInputProps {
+    id?: string;
+    type?: string;
+    name?: string;
+    value?: string;
+    className?: string;
+    placeholder?: string;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+}
+export declare function TextInput({ id, type, name, value, className, placeholder, required, autoFocus, autoComplete, }: TextInputProps): string;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./components/ActionButton";
+export * from "./components/AnimatedGradientText";
+export * from "./components/ApplicationLogo";
+export * from "./components/AuroraBackground";
+export * from "./components/Checkbox";
+export * from "./components/DataTable";
+export * from "./components/GlowCard";
+export * from "./components/GridPattern";
+export * from "./components/InputLabel";
+export * from "./components/PrimaryButton";
+export * from "./components/ShimmerButton";
+export * from "./components/SpotlightCard";
+export * from "./components/TextInput";
+export * from "./lib/utils";