@krak-stack/registry 0.1.0

package/dist/components/ui/field.d.ts

@@ -0,0 +1,24 @@
+import { type VariantProps } from "class-variance-authority";
+import { Label } from "./label.js";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "responsive" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/file-picker.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+export type FilePickerMessages = {
+    accepts: (accepts: string) => string;
+    chooseFile: string;
+    deleteFile: string;
+    dropFile: string;
+    replaceFile: string;
+};
+export type FilePickerMessageOverrides = Partial<FilePickerMessages>;
+export type FilePickerProps = {
+    accept?: string;
+    canClear?: boolean;
+    file?: File;
+    id: string;
+    image?: {
+        alt: string;
+        height: number;
+        src?: string;
+        width: number;
+    };
+    invalid?: boolean;
+    messages?: FilePickerMessageOverrides;
+    name: string;
+    onBlur?: () => void;
+    onChange: (file: File) => void;
+    onClear: () => void;
+    required?: boolean;
+    title: ReactNode;
+};
+export declare const FilePicker: ({ accept, canClear, file, id, image, invalid, messages, name, onBlur, onChange, onClear, required, title, }: FilePickerProps) => import("react").JSX.Element;