@pondipondi/mimas 0.1.5 → 0.2.0

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

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+import { PaletteName, Palette as PaletteRamp } from "../../config/palettes";
+export interface BubbleInputProps {
+    /** Current value. Controlled — pair with `onChange`. */
+    value: number;
+    /** Called with the next value when a bubble is clicked. */
+    onChange: (value: number) => void;
+    /** Lower bound (inclusive). Default `0`. */
+    min?: number;
+    /** Upper bound (inclusive). Default unbounded. */
+    max?: number;
+    /** Step between adjacent bubbles. Default `1`. */
+    increment?: number;
+    /**
+     * How many bubbles to aim to show at once. The window slides to keep the
+     * current value centred as it changes, rather than jumping to new labels.
+     * Default `5`.
+     */
+    targetBubbleCount?: number;
+    /** Format a bubble's label. Ignored in the boolean view. Defaults to the raw number. */
+    formatValue?: (value: number) => ReactNode;
+    /** Palette to apply. Accepts any bundled palette name or custom ramp. Default `"violet"`. */
+    palette?: PaletteName | PaletteRamp;
+    disabled?: boolean;
+    /** Extra classes on the root element — sets its width (`w-full`, `w-40`, `w-fit`, …). */
+    className?: string;
+    /** Extra classes on each bubble. */
+    bubbleClassName?: string;
+    /** Extra classes on the filled portion of the track. */
+    trackClassName?: string;
+}
+declare function BubbleInput({ value, onChange, min, max, increment, targetBubbleCount, formatValue, palette, disabled, className, bubbleClassName, trackClassName, }: BubbleInputProps): import("react/jsx-runtime").JSX.Element;
+export { BubbleInput };

package/dist/components/crumbs/{Button.d.ts → button.d.ts}

@@ -2,37 +2,31 @@ import { VariantProps } from "tailwind-variants";
 declare const button: import("tailwind-variants").TVReturnType<{
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -75,49 +69,46 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }, {
     outer: string;
-    inner: string;
     chip: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    inner: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -160,45 +151,42 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }, {
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -241,45 +229,42 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }>, {
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -322,49 +307,46 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }, {
     outer: string;
-    inner: string;
     chip: string;
+    inner: string;
 }, import("tailwind-variants").TVReturnType<{
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -407,49 +389,46 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }, {
     outer: string;
-    inner: string;
     chip: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    inner: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -492,45 +471,42 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }, {
     corners: {
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     leftCorners: {
         none: {};
         sharp: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         round: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
         circle: {
-            inner: string;
-            outer: string;
             chip: string;
+            inner: string;
         };
     };
     size: {
@@ -573,15 +549,25 @@ declare const button: import("tailwind-variants").TVReturnType<{
     width: {
         fit: {};
         grow: {
-            inner: string;
             outer: string;
-            chip: string;
+            inner: string;
         };
     };
+    icon: {
+        true: {};
+        false: {};
+    };
 }>, unknown, unknown, undefined>>;
 export interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
     loading?: boolean;
-    text?: string;
+    /**
+     * Render as the single child element instead of a `<button>`, keeping the
+     * button chrome. The child's own children become the label, e.g.
+     * `<Button asChild><a href="…">Label</a></Button>`.
+     */
+    asChild?: boolean;
 }
-declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export default Button;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
+    _rabbet: true;
+};
+export { Button };