@scouterna/ui-react 0.0.5 → 0.1.3

package/README.md

@@ -1,3 +1,3 @@
 # Scouterna UI
 
-Read the docs at https://scouterna.github.io/ui
+Read the docs at https://scouterna-ui.netlify.app

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

@@ -1,18 +1,10 @@
+import { useRender } from "@base-ui-components/react";
 import { type VariantProps } from "class-variance-authority";
-import "../../style.css";
 declare const buttonVariants: (props?: ({
-    color?: "blue" | "orange" | "red" | "trackergreen" | "discovererblue" | "adventurerorange" | "challengerpink" | "roveryellow" | null | undefined;
+    color?: "gray" | "blue" | "orange" | "red" | "trackergreen" | "discovererblue" | "adventurerorange" | "challengerpink" | "roveryellow" | null | undefined;
     variant?: "contained" | "text" | "outlined" | null | undefined;
-    size?: "medium" | "small" | null | undefined;
+    size?: "medium" | "small" | "tiny-icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-};
-declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "color"> & VariantProps<(props?: ({
-    color?: "blue" | "orange" | "red" | "trackergreen" | "discovererblue" | "adventurerorange" | "challengerpink" | "roveryellow" | null | undefined;
-    variant?: "contained" | "text" | "outlined" | null | undefined;
-    size?: "medium" | "small" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+export type ButtonProps = Omit<useRender.ComponentProps<"button">, "color"> & VariantProps<typeof buttonVariants>;
+declare const Button: (props: ButtonProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Button };

package/dist/components/button/button.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
+import { mergeProps, useRender } from "@base-ui-components/react";
 import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
-import "../../style.css";
 const buttonVariants = cva(`
     flex items-center justify-center
     cursor-pointer
@@ -14,6 +12,16 @@ const buttonVariants = cva(`
   `, {
     variants: {
         color: {
+            gray: `
+          [--btn-text:var(--color-gray-800)]
+          [--btn-border:var(--color-gray-400)]
+          [--btn-bg:var(--color-gray-200)]
+          [--btn-bg-hover:var(--color-gray-4300)]
+          [--btn-bg-active:var(--color-gray-400)]
+          
+          [--btn-bg-text-hover:var(--color-gray-200)]
+          [--btn-bg-text-active:var(--color-gray-300)]
+        `,
             blue: `
           [--btn-text:var(--color-white)]
           [--btn-border:var(--color-blue)]
@@ -21,7 +29,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-blue-hover)]
           [--btn-bg-active:var(--color-blue-active)]
           
-          [--btn-text-border:var(--color-blue-600)]
           [--btn-bg-text-hover:var(--color-bluegray-100)]
           [--btn-bg-text-active:var(--color-bluegray-200)]
         `,
@@ -32,7 +39,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-orange-hover)]
           [--btn-bg-active:var(--color-orange-active)]
           
-          [--btn-text-border:var(--color-orange)]
           [--btn-bg-text-hover:var(--color-orange-100)]
           [--btn-bg-text-active:var(--color-orange-200)]
         `,
@@ -43,7 +49,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-red-hover)]
           [--btn-bg-active:var(--color-red-active)]
           
-          [--btn-text-border:var(--color-red)]
           [--btn-bg-text-hover:var(--color-red-100)]
           [--btn-bg-text-active:var(--color-red-200)]
         `,
@@ -54,7 +59,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-trackergreen-hover)]
           [--btn-bg-active:var(--color-trackergreen-active)]
           
-          [--btn-text-border:var(--color-trackergreen)]
           [--btn-bg-text-hover:var(--color-trackergreen-100)]
           [--btn-bg-text-active:var(--color-trackergreen-200)]
         `,
@@ -65,7 +69,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-discovererblue-hover)]
           [--btn-bg-active:var(--color-discovererblue-active)]
           
-          [--btn-text-border:var(--color-discovererblue)]
           [--btn-bg-text-hover:var(--color-discovererblue-100)]
           [--btn-bg-text-active:var(--color-discovererblue-200)]
         `,
@@ -76,7 +79,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-adventurerorange-hover)]
           [--btn-bg-active:var(--color-adventurerorange-active)]
           
-          [--btn-text-border:var(--color-adventurerorange)]
           [--btn-bg-text-hover:var(--color-adventurerorange-100)]
           [--btn-bg-text-active:var(--color-adventurerorange-200)]
         `,
@@ -87,7 +89,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-challengerpink-hover)]
           [--btn-bg-active:var(--color-challengerpink-active)]
           
-          [--btn-text-border:var(--color-challengerpink)]
           [--btn-bg-text-hover:var(--color-challengerpink-100)]
           [--btn-bg-text-active:var(--color-challengerpink-200)]
         `,
@@ -98,7 +99,6 @@ const buttonVariants = cva(`
           [--btn-bg-hover:var(--color-roveryellow-hover)]
           [--btn-bg-active:var(--color-roveryellow-active)]
           
-          [--btn-text-border:var(--color-roveryellow)]
           [--btn-bg-text-hover:var(--color-roveryellow-100)]
           [--btn-bg-text-active:var(--color-roveryellow-200)]
         `,
@@ -129,6 +129,7 @@ const buttonVariants = cva(`
         size: {
             medium: "text-base px-4 h-10 rounded-lg",
             small: "text-sm px-3 h-8 rounded-md",
+            "tiny-icon": "text-sm p-1 size-6 rounded-md",
         },
     },
     defaultVariants: {
@@ -136,11 +137,35 @@ const buttonVariants = cva(`
         variant: "contained",
         size: "medium",
     },
+    compoundVariants: [
+        {
+            color: "gray",
+            variant: "text",
+            class: `
+          text-(--btn-text)
+        `,
+        },
+        {
+            color: "gray",
+            variant: "outlined",
+            class: `
+          text-(--btn-text)
+        `,
+        },
+    ],
 });
-const Button = forwardRef(({ className, color, variant, size, children, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ color, variant, size, className })), ref: ref, ...props, children: children }));
-});
-Button.displayName = "Button";
+const Button = (props) => {
+    const { 
+    // biome-ignore lint/a11y/useButtonType: We set it further down
+    render = _jsx("button", {}), className, color, variant, size, ...otherProps } = props;
+    const defaultProps = {
+        className: cn(buttonVariants({ color, variant, size, className })),
+        type: "button",
+    };
+    return useRender({
+        render,
+        props: mergeProps(defaultProps, otherProps),
+    });
+};
 export { Button };
 //# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,cAAc,GAAG,GAAG,CACxB;;;;;;;GAOC,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE;;;;;;;;;;SAUL;YACD,MAAM,EAAE;;;;;;;;;;SAUP;YACD,GAAG,EAAE;;;;;;;;;;SAUJ;YACD,YAAY,EAAE;;;;;;;;;;SAUb;YACD,cAAc,EAAE;;;;;;;;;;SAUf;YACD,gBAAgB,EAAE;;;;;;;;;;SAUjB;YACD,cAAc,EAAE;;;;;;;;;;SAUf;YACD,WAAW,EAAE;;;;;;;;;;SAUZ;SACF;QACD,OAAO,EAAE;YACP,SAAS,EAAE;;;;;;SAMV;YACD,IAAI,EAAE;;;;;;SAML;YACD,QAAQ,EAAE;;;;;;SAMT;SACF;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,6BAA6B;SACrC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;KACf;CACF,CACF,CAAC;AAUF,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACxE,GAAG,EACH,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAClE,GAAG,EAAE,GAAG,KACJ,KAAK,YAGR,QAAQ,GAEJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,cAAc,GAAG,GAAG,CACxB;;;;;;;GAOC,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE;;;;;;;;;SASL;YACD,IAAI,EAAE;;;;;;;;;SASL;YACD,MAAM,EAAE;;;;;;;;;SASP;YACD,GAAG,EAAE;;;;;;;;;SASJ;YACD,YAAY,EAAE;;;;;;;;;SASb;YACD,cAAc,EAAE;;;;;;;;;SASf;YACD,gBAAgB,EAAE;;;;;;;;;SASjB;YACD,cAAc,EAAE;;;;;;;;;SASf;YACD,WAAW,EAAE;;;;;;;;;SASZ;SACF;QACD,OAAO,EAAE;YACP,SAAS,EAAE;;;;;;SAMV;YACD,IAAI,EAAE;;;;;;SAML;YACD,QAAQ,EAAE;;;;;;SAMT;SACF;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,6BAA6B;YACpC,WAAW,EAAE,+BAA+B;SAC7C;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;KACf;IACD,gBAAgB,EAAE;QAChB;YACE,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;;SAEN;SACF;QACD;YACE,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE;;SAEN;SACF;KACF;CACF,CACF,CAAC;AAKF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM;IACJ,+DAA+D;IAC/D,MAAM,GAAG,kBAAU,EACnB,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAqC;QACrD,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAClE,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,MAAM;QACN,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;KAC5C,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/callout/callout.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import { type LucideIcon } from "lucide-react";
+declare const calloutVariants: (props?: ({
+    variant?: "default" | "info" | "warning" | "error" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants> & {
+    icon?: LucideIcon;
+};
+declare const Callout: ({ className, variant, children, ...props }: CalloutProps) => import("react/jsx-runtime").JSX.Element;
+export { Callout };

package/dist/components/callout/callout.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { CheckIcon, CircleAlertIcon, InfoIcon, TriangleAlertIcon, } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const calloutVariants = cva(`
+    flex gap-2
+    p-4
+    border
+    rounded-lg
+  `, {
+    variants: {
+        variant: {
+            default: `
+          [--callout-icon-color:var(--color-gray-dark)]
+          bg-gray-light text-gray-dark
+          border-gray-300
+        `,
+            info: `
+          [--callout-icon-color:var(--color-blue-00)]
+          bg-blue-100 text-blue-800
+          border-blue-200
+        `,
+            warning: `
+          [--callout-icon-color:var(--color-orange-800)]
+          bg-orange-100 text-orange-800
+          border-orange-200
+        `,
+            error: `
+          [--callout-icon-color:var(--color-red-800)]
+          bg-red-100 text-red-800
+          border-red-200
+        `,
+            success: `
+          [--callout-icon-color:var(--color-trackergreen-800)]
+          bg-trackergreen-100 text-trackergreen-800
+          border-trackergreen-200
+        `,
+        },
+    },
+});
+const variantIcons = {
+    default: InfoIcon,
+    info: InfoIcon,
+    warning: CircleAlertIcon,
+    error: TriangleAlertIcon,
+    success: CheckIcon,
+};
+const Callout = ({ className, variant, children, ...props }) => {
+    variant = variant || "default";
+    const Icon = props.icon || variantIcons[variant];
+    return (_jsxs("div", { className: cn(calloutVariants({ variant, className })), ...props, children: [_jsx("div", { children: _jsx(Icon, { className: "h-6 w-6 text-(--callout-icon-color)" }) }), children] }));
+};
+export { Callout };
+//# sourceMappingURL=callout.js.map

package/dist/components/callout/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/components/callout/callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EAER,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,eAAe,GAAG,GAAG,CACzB;;;;;GAKC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;;;;SAIR;YACD,IAAI,EAAE;;;;SAIL;YACD,OAAO,EAAE;;;;SAIR;YACD,KAAK,EAAE;;;;SAIN;YACD,OAAO,EAAE;;;;SAIR;SACF;KACF;CACF,CACF,CAAC;AAGF,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,SAAS;CACnB,CAAC;AAOF,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC3E,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,aACpE,wBACE,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,GAAG,GACpD,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/card/card.d.ts

@@ -0,0 +1,8 @@
+import { useRender } from "@base-ui-components/react";
+import { type VariantProps } from "class-variance-authority";
+declare const cardVariants: (props?: ({
+    variant?: "medium" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type Props = useRender.ComponentProps<"div"> & VariantProps<typeof cardVariants>;
+declare function Card(props: Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Card };

package/dist/components/card/card.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps, useRender } from "@base-ui-components/react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const cardVariants = cva(`
+    p-4
+    border
+    rounded-lg
+    text-gray-dark
+  `, {
+    variants: {
+        variant: {
+            light: "bg-gray-100 border-gray-300",
+            medium: "bg-gray-200 border-gray-300",
+        },
+    },
+    defaultVariants: {
+        variant: "light",
+    },
+});
+function Card(props) {
+    const { render = _jsx("div", {}), className, variant, ...otherProps } = props;
+    const defaultProps = {
+        className: cn(cardVariants({ variant }), className),
+    };
+    return useRender({
+        render,
+        props: mergeProps(defaultProps, otherProps),
+    });
+}
+export { Card };
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,YAAY,GAAG,GAAG,CACtB;;;;;GAKC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,6BAA6B;YACpC,MAAM,EAAE,6BAA6B;SACtC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CACF,CAAC;AAKF,SAAS,IAAI,CAAC,KAAY;IACxB,MAAM,EAAE,MAAM,GAAG,eAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,YAAY,GAAkC;QAClD,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC;KACpD,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,MAAM;QACN,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;KAC5C,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import "../../style.css";
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
+export type CheckboxProps = CheckboxPrimitive.Root.Props;
+declare const Checkbox: ({ className, children, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/components/checkbox/checkbox.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
 import { CheckIcon } from "lucide-react";
-import { forwardRef, useId } from "react";
 import { cn } from "../../lib/utils.js";
-import "../../style.css";
-const Checkbox = forwardRef(({ className, id, children, ...props }, ref) => {
-    const autoId = useId();
-    id = id || autoId;
-    return (_jsxs("div", { className: "flex items-center text-gray-dark", children: [_jsx(CheckboxPrimitive.Root, { className: cn(`
+const Checkbox = ({ className, children, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noLabelWithoutControl: The CheckboxPrimitive.Root is the control
+    _jsxs("label", { className: "flex items-center text-gray-dark", children: [_jsx(CheckboxPrimitive.Root, { className: cn(`
             flex items-center justify-center
             size-6
             rounded-md appearance-none
@@ -18,8 +16,7 @@ const Checkbox = forwardRef(({ className, id, children, ...props }, ref) => {
             focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2
             disabled:cursor-not-allowed
             disabled:opacity-50
-          `, className), id: id, ...props, children: _jsx(CheckboxPrimitive.Indicator, { children: _jsx(CheckIcon, { className: "size-5" }) }) }), _jsx("label", { className: "pl-2 text-sm leading-none", htmlFor: id, children: children })] }));
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+          `, className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { children: _jsx(CheckIcon, { className: "size-5" }) }) }), _jsx("span", { className: "pl-2 text-sm leading-none", children: children })] }));
+};
 export { Checkbox };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,QAAQ,GAAG,UAAU,CAGzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,EAAE,GAAG,EAAE,IAAI,MAAM,CAAC;IAElB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;WAWC,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,KACF,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,cAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACJ,GACP,EACzB,gBAAO,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAE,EAAE,YACrD,QAAQ,GACH,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACpE,OAAO;IACL,0FAA0F;IAC1F,iBAAO,SAAS,EAAC,kCAAkC,aACjD,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;WAWC,EACD,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,cAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACJ,GACP,EACzB,eAAM,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAQ,IACvD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Field } from "@base-ui-components/react/field";
+export type FieldProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    label: string;
+    labelFor: string;
+};
+declare const Root: import("react").ForwardRefExoticComponent<Field.Root.Props & import("react").RefAttributes<HTMLDivElement>>;
+declare const Control: import("react").ForwardRefExoticComponent<Field.Control.Props & import("react").RefAttributes<HTMLInputElement>>;
+declare const Validity: import("react").FC<Field.Validity.Props>;
+declare const FieldError: ({ className, ...props }: Field.Error.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Description: ({ className, ...props }: Field.Description.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Label: ({ className, ...props }: Field.Label.Props) => import("react/jsx-runtime").JSX.Element;
+export { Root as Field, Control, Validity, FieldError as Error, Description, Label, };

package/dist/components/field/field.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui-components/react/field";
+import { cn } from "../../lib/utils.js";
+const Root = Field.Root;
+const Control = Field.Control;
+const Validity = Field.Validity;
+const FieldError = ({ className, ...props }) => {
+    return (_jsx(Field.Error, { className: cn("text-sm text-red", className), ...props }));
+};
+const Description = ({ className, ...props }) => {
+    return (_jsx(Field.Description, { className: cn("text-sm text-gray-800", className), ...props }));
+};
+const Label = ({ className, ...props }) => {
+    return (_jsx(Field.Label, { className: cn("font-bold text-sm text-gray-dark", className), ...props }));
+};
+export { Root as Field, Control, Validity, FieldError as Error, Description, Label, };
+//# sourceMappingURL=field.js.map

package/dist/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;AAEhC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAChE,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvE,OAAO,CACL,KAAC,KAAK,CAAC,WAAW,IAChB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,IAAI,IAAI,KAAK,EACb,OAAO,EACP,QAAQ,EACR,UAAU,IAAI,KAAK,EACnB,WAAW,EACX,KAAK,GACN,CAAC"}

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

@@ -1,8 +1,4 @@
-import "../../style.css";
-export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
-    id: string;
-};
-declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
-    id: string;
-} & import("react").RefAttributes<HTMLInputElement>>;
+import { Input as InputPrimitive } from "@base-ui-components/react/input";
+export type InputProps = Omit<InputPrimitive.Props, "placeholder">;
+declare const Input: ({ className, type, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export { Input };

package/dist/components/input/input.js

@@ -1,25 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { Input as InputPrimitive } from "@base-ui-components/react/input";
 import { cn } from "../../lib/utils.js";
-import "../../style.css";
-const Input = forwardRef(({ className, type = "text", ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn(`
-            flex
-            h-10 w-full px-3 py-2
-            rounded-lg
-            border border-gray-300
-            bg-gray-100 text-gray-dark
-            text-base
-            file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground
-            focus-visible:outline-none
-            focus-visible:border-gray-500
-            disabled:cursor-not-allowed
-            disabled:opacity-50
-          `, className), ref: ref, ...props, 
-        // Explicitly set placeholder to empty string to avoid users ignoring
-        // the types and passing placeholder anyways.
+const Input = ({ className, type = "text", ...props }) => {
+    return (_jsx(InputPrimitive, { type: type, className: cn(`
+          flex
+          h-10 w-full px-3 py-2
+          rounded-lg
+          border border-gray-300
+          bg-gray-100 text-gray-dark
+          text-base
+          file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground
+          focus-visible:outline-none
+          focus-visible:border-gray-500
+          disabled:cursor-not-allowed
+          disabled:opacity-50
+        `, className), ...props, 
+        // Explicitly set placeholder to empty string to prevent users from
+        // ignoring the types and passing placeholder anyways.
         placeholder: "" }));
-});
-Input.displayName = "Input";
+};
 export { Input };
 //# sourceMappingURL=input.js.map

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,iBAAiB,CAAC;AAUzB,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9C,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;;WAYC,EACD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK;QACT,qEAAqE;QACrE,6CAA6C;QAC7C,WAAW,EAAC,EAAE,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAIxC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACnE,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;;SAYC,EACD,SAAS,CACV,KACG,KAAK;QACT,mEAAmE;QACnE,sDAAsD;QACtD,WAAW,EAAC,EAAE,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,13 @@
+import { Menu as MenuPrimitive } from "@base-ui-components/react/menu";
+declare const Root: import("react").FC<MenuPrimitive.Root.Props>;
+declare const Trigger: import("react").ForwardRefExoticComponent<MenuPrimitive.Trigger.Props & import("react").RefAttributes<HTMLElement>>;
+declare const Group: import("react").ForwardRefExoticComponent<MenuPrimitive.Group.Props & import("react").RefAttributes<Element>>;
+declare const SubmenuRoot: typeof MenuPrimitive.SubmenuRoot;
+declare const SubmenuTrigger: import("react").ForwardRefExoticComponent<MenuPrimitive.SubmenuTrigger.Props & import("react").RefAttributes<Element>>;
+declare const Positioner: ({ className, children, ...props }: MenuPrimitive.Positioner.Props) => import("react/jsx-runtime").JSX.Element;
+declare const GroupLabel: ({ className, ...props }: MenuPrimitive.GroupLabel.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Item: ({ className, children, ...props }: MenuPrimitive.Item.Props & {
+    icon?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: ({ className, ...props }: MenuPrimitive.Separator.Props) => import("react/jsx-runtime").JSX.Element;
+export { Group, GroupLabel, Item, Root, Trigger, SubmenuRoot, SubmenuTrigger, Positioner, Separator, };

package/dist/components/menu/menu.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as MenuPrimitive } from "@base-ui-components/react/menu";
+import { ChevronRightIcon, ChevronsRightIcon } from "lucide-react";
+import { createContext, useContext } from "react";
+import { cn } from "../../lib/utils.js";
+const Root = MenuPrimitive.Root;
+const Trigger = MenuPrimitive.Trigger;
+const Group = MenuPrimitive.Group;
+const SubmenuRoot = MenuPrimitive.SubmenuRoot;
+const SubmenuTrigger = MenuPrimitive.SubmenuTrigger;
+function ArrowSvg(props) {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: This is only for display
+    _jsxs("svg", { "aria-hidden": true, width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props, children: [_jsx("path", { d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z", className: "fill-gray-100" }), _jsx("path", { d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z", className: "fill-gray-300" }), _jsx("path", { d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z", className: "fill-gray-100" })] }));
+}
+function Arrow() {
+    return (_jsx(MenuPrimitive.Arrow, { className: `
+        group-data-[nested]/popup:hidden
+        data-[side=top]:-bottom-[8px]
+        data-[side=top]:rotate-180
+        data-[side=bottom]:-top-[8px]
+        data-[side=bottom]:rotate-0
+        data-[side=left]:-right-[13px]
+        data-[side=left]:rotate-90
+        data-[side=right]:-left-[13px]
+        data-[side=right]:-rotate-90
+      `, children: _jsx(ArrowSvg, {}) }));
+}
+const SubmenuContext = createContext({
+    isNested: false,
+});
+const Positioner = ({ className, children, ...props }) => {
+    const submenuContext = useContext(SubmenuContext);
+    return (_jsx(SubmenuContext.Provider, { value: {
+            isNested: true,
+        }, children: _jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { alignOffset: submenuContext.isNested ? -6 : 0, sideOffset: submenuContext.isNested ? -6 : 8, className: cn(`
+            
+          `, className), ...props, children: _jsxs(MenuPrimitive.Popup, { className: `
+              group/popup
+              relative z-50 py-1.5
+              
+              min-w-[calc(var(--anchor-width)+25px-var(--spacing)*1.5)]
+              rounded-lg border bg-gray-100 text-popover-foreground shadow-md
+              border-gray-300 text-gray-dark
+              
+              origin-[var(--transform-origin)]
+              transition-[transform,scale,opacity]
+              data-[ending-style]:scale-90 data-[ending-style]:opacity-0
+              data-[starting-style]:scale-90 data-[starting-style]:opacity-0
+            `, children: [_jsx(Arrow, {}), children] }) }) }) }));
+};
+const GroupLabel = ({ className, ...props }) => (_jsx(MenuPrimitive.GroupLabel, { className: cn("px-[25px] text-sm leading-[25px] font-semibold select-none", className), ...props }));
+const Item = ({ className, children, ...props }) => {
+    const { icon, ...otherProps } = props;
+    return (_jsxs(MenuPrimitive.Item, { className: cn(`
+          relative h-8 select-none items-center rounded-sm
+          px-4 leading-none
+  
+          grid grid-cols-[1rem_auto_1rem] gap-2
+  
+          after:absolute
+          after:inset-y-0
+          after:inset-x-1.5
+          after:z-[-1]
+          data-[highlighted]:after:bg-blue-100
+          data-[highlighted]:after:rounded-sm
+  
+          data-[highlighted]:text-blue
+          data-[highlighted]:outline-none
+  
+          data-[disabled]:pointer-events-none
+          data-[disabled]:opacity-50
+  
+          group/item
+        `, className), ...otherProps, children: [icon && _jsx("span", { className: "flex items-center justify-center", children: icon }), _jsx("span", { className: "col-start-2", children: children }), _jsx(ChevronRightIcon, { className: "size-4 hidden group-aria-[haspopup]/item:block" })] }));
+};
+const Separator = ({ className, ...props }) => (_jsx(MenuPrimitive.Separator, { className: cn("m-[5px] h-px bg-gray-300", className), ...props }));
+export { Group, GroupLabel, Item, Root, Trigger, SubmenuRoot, SubmenuTrigger, Positioner, Separator, };
+//# sourceMappingURL=menu.js.map

package/dist/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"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"}

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

@@ -1,18 +1,7 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
-import "../../style.css";
-declare const Root: {
-    ({ children, placeholder, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
-        placeholder?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
-declare const Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const Value: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
-declare const Trigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-declare const ScrollUpButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const ScrollDownButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Content: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Label: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Separator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { Root, Group, Value, Trigger, Content, Label, Item, Separator, ScrollUpButton, ScrollDownButton, };
+import { Select as SelectPrimitive } from "@base-ui-components/react/select";
+declare const Root: <TValue>({ children, ...props }: SelectPrimitive.Root.Props<TValue>) => import("react/jsx-runtime").JSX.Element;
+declare const Group: import("react").ForwardRefExoticComponent<SelectPrimitive.Group.Props & import("react").RefAttributes<HTMLDivElement>>;
+declare const GroupLabel: ({ className, ...props }: SelectPrimitive.GroupLabel.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Item: ({ className, children, ...props }: SelectPrimitive.Item.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: ({ className, ...props }: SelectPrimitive.Separator.Props) => import("react/jsx-runtime").JSX.Element;
+export { Root, Group, GroupLabel, Item, Separator };