skuse-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Pierre Iaccarino
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# Skuse UI
+
+> Pronounced "skews" `/skjuːz/`
+
+A modern, beautiful alternative to Swagger UI — fully compatible with the OpenAPI 3.0 and 3.1 specification.
+
+## Installation
+
+```bash
+npm install skuse-ui
+# or
+pnpm add skuse-ui
+```
+
+## Usage
+
+```tsx
+import { SkuseDocumentation } from 'skuse-ui';
+import 'skuse-ui/style.css';
+
+export default function App() {
+    return (
+        <SkuseDocumentation openApiUrl="https://your-api.com/openapi.json" />
+    );
+}
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `openApiUrl` | `string` | — | URL of the OpenAPI JSON/YAML spec to load |
+| `theme` | `'light' \| 'dark' \| 'system'` | `'system'` | Color theme |
+
+## Features
+
+- **Reference** — browse endpoints grouped by tags, with parameters, request bodies, response schemas, example values and code snippets in 15 languages
+- **Try It** — interactive playground to send real requests, with auth injection, live URL preview, copy cURL and a response viewer
+- **Models** — standalone schema browser
+- **Webhooks** — OAS 3.1 webhooks support
+- **Light / dark mode**
+
+## Project Status
+
+Under active development — no public release yet.
+
+## Acknowledgements
+
+The API playground routes requests through [Scalar's open-source proxy](https://github.com/scalar/scalar/tree/main/projects/proxy-scalar-com) (`proxy.scalar.com`) to handle cross-origin requests from the browser. Thanks to the Scalar team for building and hosting it!
+
+## Why "Skuse"?
+
+The name is inspired by [this iconic viral moment](https://www.instagram.com/p/C7rs1Bit36b/) from French comedy legend Laurent Baffie.
+
+## License
+
+[MIT License](LICENSE)
+
+---
+
+<div style="text-align: center">
+Made with ❤️ by the Skuse team
+</div>

package/dist/SkuseDocumentation.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SkuseDocumentationProps {
+    openApiUrl: string;
+    /** Default: 'system' */
+    theme?: 'light' | 'dark' | 'system';
+}
+export declare const DocumentationShell: React.FC<{
+    openApiUrl: string;
+}>;
+export declare const SkuseDocumentation: React.FC<SkuseDocumentationProps>;

package/dist/components/Skeletons/EndpointSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const EndpointSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default EndpointSkeleton;

package/dist/components/Skeletons/HomeSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const HomeSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default HomeSkeleton;

package/dist/components/Skeletons/LayoutSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const LayoutSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default LayoutSkeleton;

package/dist/components/Skeletons/SidebarSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const SidebarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/MinimifiedInfo.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface MinimifiedInfoProps {
+    onToggleSidebar?: () => void;
+}
+declare const MinimifiedInfo: React.FC<MinimifiedInfoProps>;
+export default MinimifiedInfo;

package/dist/components/layouts/Sidebar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Sidebar: React.FC;
+export default Sidebar;

package/dist/components/openapi/Auth/AuthButton.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SecuritySchemeObject } from '../../../types/unified-openapi-types';
+interface AuthButtonProps {
+    securitySchemes?: Record<string, SecuritySchemeObject>;
+}
+export declare const AuthorizeButton: React.ForwardRefExoticComponent<{
+    onClick?: () => void;
+    isLoading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const AuthButton: React.FC<AuthButtonProps>;
+export default AuthButton;

package/dist/components/openapi/Auth/AuthCard.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SecuritySchemeObject } from '../../../types/unified-openapi-types';
+interface AuthCardProps {
+    securitySchemes?: Record<string, SecuritySchemeObject>;
+}
+declare const AuthCard: React.FC<AuthCardProps>;
+export default AuthCard;

package/dist/components/openapi/Auth/AuthDialog.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SecuritySchemeObject } from '../../../types/unified-openapi-types';
+interface AuthDialogProps {
+    securitySchemes: Record<string, SecuritySchemeObject>;
+    children: React.ReactNode;
+}
+declare const AuthDialog: React.FC<AuthDialogProps>;
+export default AuthDialog;

package/dist/components/openapi/Auth/AuthMethods.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SecuritySchemeObject } from '../../../types/unified-openapi-types';
+type AuthComponent = React.FC<{
+    scheme: SecuritySchemeObject;
+    schemeName: string;
+}>;
+export declare const BasicAuthMethod: AuthComponent;
+export declare const BearerTokenMethod: AuthComponent;
+export declare const ApiKeyMethod: AuthComponent;
+export declare const OAuth2Method: AuthComponent;
+export declare const OpenIDMethod: AuthComponent;
+export declare const getAuthMethodComponent: (scheme: SecuritySchemeObject) => AuthComponent;
+export declare const getSchemeIcon: (type: SecuritySchemeObject["type"]) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/openapi/Endpoint/CallbackViewer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { CallbackObject } from '../../../types/unified-openapi-types';
+declare const CallbackViewer: React.FC<{
+    callbacks: Record<string, CallbackObject>;
+}>;
+export default CallbackViewer;

package/dist/components/openapi/Endpoint/CodeExamples.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface CodeExamplesProps {
+    method: string;
+    path: string;
+    requestBody?: string;
+    hasRequestBody?: boolean;
+    defaultContentType?: string;
+    security?: Array<Record<string, string[]>>;
+    exampleQueryParams?: Record<string, string>;
+    exampleHeaderParams?: Array<{
+        key: string;
+        value: string;
+    }>;
+}
+declare const CodeExamples: React.FC<CodeExamplesProps>;
+export default CodeExamples;

package/dist/components/openapi/Endpoint/EndpointDetails.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const EndpointDetails: React.FC;
+export default EndpointDetails;

package/dist/components/openapi/Endpoint/ExternalDocsLink.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ExternalDocsLinkProps {
+    url: string;
+}
+declare const ExternalDocsLink: React.FC<ExternalDocsLinkProps>;
+export default ExternalDocsLink;

package/dist/components/openapi/Endpoint/ParametersViewer.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ParameterObject } from '../../../types/unified-openapi-types';
+interface ParametersViewerProps {
+    parameters: ParameterObject[];
+}
+declare const ParametersViewer: React.FC<ParametersViewerProps>;
+export default ParametersViewer;

package/dist/components/openapi/Endpoint/PlaygroundForm.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ParameterObject, RequestBodyObject } from '../../../types/unified-openapi-types';
+type SetRecord = React.Dispatch<React.SetStateAction<Record<string, string>>>;
+interface PlaygroundFormProps {
+    parameters: ParameterObject[];
+    requestBody?: RequestBodyObject;
+    pathValues: Record<string, string>;
+    setPathValues: SetRecord;
+    queryValues: Record<string, string>;
+    setQueryValues: SetRecord;
+    headerValues: Record<string, string>;
+    setHeaderValues: SetRecord;
+    body: string;
+    setBody: (v: string) => void;
+    contentType: string;
+    setContentType: (v: string) => void;
+    contentTypes: string[];
+    validationErrors: string[];
+    enabledParams: Record<string, boolean>;
+    setParamEnabled: (key: string, enabled: boolean) => void;
+}
+declare const PlaygroundForm: React.FC<PlaygroundFormProps>;
+export default PlaygroundForm;

package/dist/components/openapi/Endpoint/PlaygroundResponse.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { PlaygroundResult } from '../../../hooks/usePlayground';
+interface PlaygroundResponseProps {
+    result: PlaygroundResult | null;
+    loading: boolean;
+    error: string | null;
+    previewUrl: string;
+    method: string;
+    expectedStatusCodes: string[];
+    onSend: () => void;
+}
+declare const PlaygroundResponse: React.FC<PlaygroundResponseProps>;
+export default PlaygroundResponse;

package/dist/components/openapi/Endpoint/RequestBodyViewer.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { RequestBodyObject } from '../../../types/unified-openapi-types';
+interface RequestBodyViewerProps {
+    requestBody: RequestBodyObject;
+    hideExample?: boolean;
+}
+declare const RequestBodyViewer: React.FC<RequestBodyViewerProps>;
+export default RequestBodyViewer;

package/dist/components/openapi/Endpoint/ResponseViewer.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ResponseObject } from '../../../types/unified-openapi-types';
+interface ResponseViewerProps {
+    responses: {
+        [code: string]: ResponseObject;
+    };
+}
+declare const ResponseViewer: React.FC<ResponseViewerProps>;
+export default ResponseViewer;

package/dist/components/openapi/Endpoint/SchemaBadges.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SchemaObject } from '../../../types/unified-openapi-types';
+interface SchemaBadgesProps {
+    schema: SchemaObject;
+}
+export declare const getTypeColorClass: (typeStr: string) => string;
+declare const SchemaBadges: React.FC<SchemaBadgesProps>;
+export default SchemaBadges;

package/dist/components/openapi/Endpoint/SchemaExpandContext.d.ts

@@ -0,0 +1,6 @@
+export interface SchemaExpandContextValue {
+    version: number;
+    allOpen: boolean;
+    dispatch?: (allOpen: boolean) => void;
+}
+export declare const SchemaExpandContext: import('react').Context<SchemaExpandContextValue | null>;

package/dist/components/openapi/Endpoint/SchemaProperty.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SchemaObject } from '../../../types/unified-openapi-types';
+interface SchemaPropertyProps {
+    name?: string;
+    schema: SchemaObject;
+    required?: boolean;
+    isRoot?: boolean;
+    depth?: number;
+}
+declare const SchemaProperty: React.FC<SchemaPropertyProps>;
+export default SchemaProperty;

package/dist/components/openapi/Endpoint/SchemaViewer.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ExampleObject, SchemaObject } from '../../../types/unified-openapi-types';
+interface SchemaViewerProps {
+    schema: SchemaObject;
+    contentType: string;
+    description?: string;
+    examples?: {
+        [key: string]: ExampleObject;
+    };
+    example?: unknown;
+}
+declare const SchemaViewer: React.FC<SchemaViewerProps>;
+export default SchemaViewer;

package/dist/components/openapi/FormattedMarkdown.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+interface MarkdownRendererProps {
+    markdown: string;
+    className?: string;
+    style?: CSSProperties;
+    maxLength?: number;
+    maxLines?: number;
+    languageCode?: string;
+}
+export declare const useHashLinkFix: () => void;
+export default function FormattedMarkdown({ markdown, className, style, maxLength, maxLines, languageCode }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/openapi/Information.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Information: React.FC;
+export default Information;

package/dist/components/openapi/Models.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Models: React.FC;
+export default Models;

package/dist/components/openapi/Servers.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ServerObject } from '../../types/unified-openapi-types';
+interface ServerBlockProps {
+    servers: ServerObject[];
+}
+declare const Servers: React.FC<ServerBlockProps>;
+export default Servers;

package/dist/components/openapi/TagsOverview.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TagsOverview: React.FC;
+export default TagsOverview;

package/dist/components/openapi/WebhookDetails.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const WebhookDetails: React.FC;
+export default WebhookDetails;

package/dist/components/theme-provider.d.ts

@@ -0,0 +1,13 @@
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+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/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | 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): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | 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/ui/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<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+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/ui/carousel.d.ts

@@ -0,0 +1,18 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

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

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -0,0 +1,80 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as React from "react";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };