@pondipondi/mimas 0.1.4 → 0.2.0

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

@@ -0,0 +1,565 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+declare const checkbox: import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}>, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & VariantProps<typeof checkbox> & {
+    /** Icon rendered in the checked indicator. Defaults to a checkmark. */
+    icon?: ReactNode;
+};
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}>, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    outer: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}, {
+    size: {
+        small: {
+            outer: string;
+            input: string;
+        };
+        medium: {
+            outer: string;
+            input: string;
+        };
+        large: {
+            outer: string;
+            input: string;
+        };
+    };
+    corners: {
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+    leftCorners: {
+        none: {};
+        sharp: {
+            input: string;
+        };
+        round: {
+            input: string;
+        };
+        circle: {
+            input: string;
+        };
+    };
+}>, unknown, unknown, undefined>>> & {
+    /** Icon rendered in the checked indicator. Defaults to a checkmark. */
+    icon?: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>> & {
+    _rabbet: true;
+};
+export { Checkbox };

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

@@ -0,0 +1,29 @@
+import { ReactElement } from "react";
+import { Corners, LeftCorners } from "../../lib/corners";
+type Size = "small" | "medium" | "large";
+/** The props a child must accept to be grouped — Button, Input, Checkbox all do. */
+interface GroupChildProps {
+    corners?: Corners;
+    leftCorners?: LeftCorners;
+    size?: Size;
+    className?: string;
+}
+export interface InputGroupProps {
+    children?: ReactElement<GroupChildProps> | ReactElement<GroupChildProps>[];
+    /** Size applied to every child. */
+    size?: Size;
+    /** Corner style for the group's outer edges. */
+    corners?: Corners;
+    /** Class for the group container (e.g. `w-full` to stretch field children). */
+    className?: string;
+}
+/**
+ * Lays children out flush as a single connected control, rounding only the
+ * group's outer edges. Works with any child that accepts `corners`,
+ * `leftCorners` and `size` (Button, Input, Checkbox, Select…).
+ *
+ * Defaults to hugging its content; pass `className="w-full"` (or a fixed width)
+ * when grouping full-width fields so they share the space.
+ */
+declare const InputGroup: ({ children, size, corners, className, }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { InputGroup };