@pondipondi/mimas 0.1.4 → 0.2.0

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

@@ -0,0 +1,305 @@
+import { InputHTMLAttributes, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+declare const input: import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}, {
+    root: string;
+    field: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}>, {
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}, {
+    root: string;
+    field: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}, {
+    root: string;
+    field: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            field: string;
+            icon: string;
+        };
+        medium: {
+            field: string;
+            icon: string;
+        };
+        large: {
+            field: string;
+            icon: string;
+        };
+    };
+    corners: {
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+    leftCorners: {
+        none: {
+            field: string;
+        };
+        sharp: {
+            field: string;
+        };
+        round: {
+            field: string;
+        };
+        circle: {
+            field: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof input> {
+    /** Decorative element shown before the text (e.g. a search icon). */
+    startIcon?: ReactNode;
+    /** Element shown after the text — may be interactive. */
+    endIcon?: ReactNode;
+    /** Show a clear (✕) button in the trailing slot when the field has content. */
+    clearable?: boolean;
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/crumbs/{LoadingRing.d.ts → loading-ring.d.ts}

@@ -2,38 +2,45 @@ import { VariantProps } from "tailwind-variants";
 declare const loadingRing: import("tailwind-variants").TVReturnType<{
     size: {
         small: string;
+        medium: string;
         large: string;
     };
-}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "animate-spin", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         small: string;
+        medium: string;
         large: string;
     };
 }, {
     size: {
         small: string;
+        medium: string;
         large: string;
     };
 }>, {
     size: {
         small: string;
+        medium: string;
         large: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     size: {
         small: string;
+        medium: string;
         large: string;
     };
-}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "animate-spin", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         small: string;
+        medium: string;
         large: string;
     };
 }, {
     size: {
         small: string;
+        medium: string;
         large: string;
     };
 }>, unknown, unknown, undefined>>;
 declare function LoadingRing({ size }: VariantProps<typeof loadingRing>): import("react/jsx-runtime").JSX.Element;
-export default LoadingRing;
+export { LoadingRing };

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

@@ -0,0 +1,95 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Corners, LeftCorners } from "../../lib/corners";
+declare const SelectRoot: import("react").FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const SelectPortal: import("react").FC<SelectPrimitive.SelectPortalProps>;
+declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<import("tailwind-variants").TVReturnType<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}, undefined, "group bg-base-800 border-base-700 text-base-200 shadow-form data-[placeholder]:text-base-400 hover:bg-base-700 focus-visible:border-primary-600 inline-flex min-w-40 cursor-pointer items-center justify-between gap-2 overflow-hidden border transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}, {
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}>, {
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}, undefined, "group bg-base-800 border-base-700 text-base-200 shadow-form data-[placeholder]:text-base-400 hover:bg-base-700 focus-visible:border-primary-600 inline-flex min-w-40 cursor-pointer items-center justify-between gap-2 overflow-hidden border transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}, {
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    corners: Record<Corners, string>;
+    leftCorners: Record<LeftCorners, string>;
+}>, unknown, unknown, undefined>>> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Shape every Select option must satisfy. Extend it with your own fields. */
+export interface SelectOption {
+    value: string;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface SelectProps<T extends SelectOption> extends Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "children"> {
+    /** The options to choose from. */
+    items: T[];
+    /** Shown in the trigger when nothing is selected. */
+    placeholder?: ReactNode;
+    /** Render an option in the list. Defaults to its `label` (or `value`). */
+    renderItem?: (item: T) => ReactNode;
+    /** Render the selected option in the trigger. Defaults to {@link renderItem}. */
+    renderSelected?: (item: T) => ReactNode;
+    /** Class applied to the trigger. */
+    className?: string;
+    /** Trigger size. */
+    size?: "small" | "medium" | "large";
+    /** Corner style for the trigger. */
+    corners?: Corners;
+    /** Left-corner override — set automatically when used inside an InputGroup. */
+    leftCorners?: LeftCorners;
+}
+declare function Select<T extends SelectOption>({ items, value, defaultValue, onValueChange, placeholder, renderItem, renderSelected, className, size, corners, leftCorners, ...root }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectPortal, };

package/dist/components/crumbs/tooltip.d.ts

@@ -0,0 +1,20 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
+declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipRoot: import("react").FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TooltipProps {
+    /** The tooltip label. */
+    content: ReactNode;
+    /** The element that triggers the tooltip. Should be a single focusable element. */
+    children: ReactElement;
+    /** Which side of the trigger to show on. */
+    side?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>["side"];
+    /** Gap between the trigger and the tooltip in px. */
+    sideOffset?: number;
+    /** Override the provider's delay in ms. */
+    delayDuration?: number;
+}
+declare function Tooltip({ content, children, side, sideOffset, delayDuration, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent, };

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

@@ -0,0 +1,17 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { ComponentPropsWithoutRef, HTMLAttributes } from "react";
+declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Hide the default close button in the corner. */
+    hideClose?: boolean;
+}
+declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/frames/drawer.d.ts

@@ -0,0 +1,215 @@
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+type Side = "top" | "right" | "bottom" | "left";
+declare const DrawerRoot: typeof DrawerPrimitive.Root;
+declare const DrawerTrigger: DrawerPrimitive.Trigger;
+declare const DrawerPortal: DrawerPrimitive.Portal;
+declare const DrawerClose: DrawerPrimitive.Close;
+declare const DrawerBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const drawer: import("tailwind-variants").TVReturnType<{
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}, {
+    viewport: string;
+    popup: string;
+    close: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}, {
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}>, {
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}, {
+    viewport: string;
+    popup: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}, {
+    viewport: string;
+    popup: string;
+    close: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}, {
+    side: {
+        top: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        right: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        bottom: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+        left: {
+            viewport: string;
+            popup: string;
+            close: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export interface DrawerContentProps extends Omit<ComponentPropsWithoutRef<typeof DrawerPrimitive.Popup>, "className">, VariantProps<typeof drawer> {
+    className?: string;
+    /** Hide the default close button in the corner. */
+    hideClose?: boolean;
+}
+declare const DrawerContent: import("react").ForwardRefExoticComponent<DrawerContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerTitleProps, "ref">, "className"> & {
+    className?: string;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref">, "className"> & {
+    className?: string;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export interface DrawerProps extends Omit<ComponentPropsWithoutRef<typeof DrawerRoot>, "children" | "swipeDirection"> {
+    /** The element that opens the drawer. Should be a single focusable element. */
+    trigger?: ReactElement;
+    /** Which edge the drawer slides in from. Default `"right"`. */
+    side?: Side;
+    /** Heading shown at the top of the drawer and exposed to assistive tech. */
+    title?: ReactNode;
+    /** Optional supporting text under the title. */
+    description?: ReactNode;
+    /** Drawer body. */
+    children?: ReactNode;
+    /** Class applied to the panel. */
+    className?: string;
+    /** Hide the default close button in the corner. */
+    hideClose?: boolean;
+}
+declare function Drawer({ trigger, side, title, description, children, className, hideClose, ...root }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerRoot, DrawerTrigger, DrawerPortal, DrawerClose, DrawerBackdrop, DrawerContent, DrawerTitle, DrawerDescription, };