@scouterna/ui-react 0.0.2

package/README.md

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

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

@@ -0,0 +1,18 @@
+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;
+    variant?: "contained" | "text" | "outlined" | null | undefined;
+    size?: "medium" | "small" | 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 { Button };

package/dist/components/button/button.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+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
+    border border-transparent
+    ring-offset-2
+    leading-none font-sans font-medium
+    disabled:opacity-40
+  `, {
+    variants: {
+        color: {
+            blue: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-blue)]
+          [--btn-bg:var(--color-blue)]
+          [--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)]
+        `,
+            orange: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-orange)]
+          [--btn-bg:var(--color-orange)]
+          [--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)]
+        `,
+            red: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-red)]
+          [--btn-bg:var(--color-red)]
+          [--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)]
+        `,
+            trackergreen: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-trackergreen)]
+          [--btn-bg:var(--color-trackergreen)]
+          [--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)]
+        `,
+            discovererblue: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-discovererblue)]
+          [--btn-bg:var(--color-discovererblue)]
+          [--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)]
+        `,
+            adventurerorange: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-adventurerorange)]
+          [--btn-bg:var(--color-adventurerorange)]
+          [--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)]
+        `,
+            challengerpink: `
+          [--btn-text:var(--color-white)]
+          [--btn-border:var(--color-challengerpink)]
+          [--btn-bg:var(--color-challengerpink)]
+          [--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)]
+        `,
+            roveryellow: `
+          [--btn-text:var(--color-gray-dark)]
+          [--btn-border:var(--color-roveryellow)]
+          [--btn-bg:var(--color-roveryellow)]
+          [--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)]
+        `,
+        },
+        variant: {
+            contained: `
+          text-(--btn-text) bg-(--btn-bg)
+          disabled:bg-(--btn-bg)
+          hover:bg-(--btn-bg-hover)
+          active:bg-(--btn-bg-active)
+          focus-visible:bg-(--btn-bg) focus-visible:ring-2 focus-visible:ring-(--btn-border) focus-visible:outline-none
+        `,
+            text: `
+          text-(--btn-bg) bg-transparent
+          disabled:bg-transparent
+          hover:bg-(--btn-bg-text-hover)
+          active:bg-(--btn-bg-text-active)
+          focus-visible:bg-(--btn-bg-text-hover) focus-visible:ring-2 focus-visible:ring-(--btn-text-outline) focus-visible:outline-none
+        `,
+            outlined: `
+          text-(--btn-bg) border-(--btn-border) bg-transparent
+          disabled:bg-transparent
+          hover:bg-(--btn-bg-text-hover)
+          active:bg-(--btn-bg-text-active)
+          focus-visible:bg-(--btn-bg-text-hover) focus-visible:ring-2 focus-visible:ring-(--btn-text-outline) focus-visible:outline-none
+        `,
+        },
+        size: {
+            medium: "text-base px-4 h-10 rounded-lg",
+            small: "text-sm px-3 h-8 rounded-md",
+        },
+    },
+    defaultVariants: {
+        color: "blue",
+        variant: "contained",
+        size: "medium",
+    },
+});
+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";
+export { Button };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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>>;
+export { Checkbox };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/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(`
+            flex items-center justify-center
+            size-6
+            rounded-md appearance-none
+            bg-gray-100 border-gray-400
+            hover:bg-gray-200 border
+            focus-visible:outline-none
+            focus-visible:border-gray-500
+            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;
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+export type FieldProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    label: string;
+    labelFor: string;
+};
+declare const Field: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    label: string;
+    labelFor: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+    htmlFor: string;
+};
+declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export { Field, Label };

package/dist/components/form-field/form-field.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const Field = forwardRef(({ className, asChild = false, label, labelFor, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { className: cn(""), ref: ref, ...props, children: children }));
+});
+Field.displayName = "Field";
+const Label = forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(LabelPrimitive.Root, { className: cn("font-bold text-sm text-gray-dark"), ref: ref, ...props }));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Field, Label };
+//# sourceMappingURL=form-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,YACzC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAO5B,MAAM,KAAK,GAAG,UAAU,CAGtB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,IAClB,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+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>>;
+export { Input };

package/dist/components/input/input.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+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.
+        placeholder: "" }));
+});
+Input.displayName = "Input";
+export { Input };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+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, };

package/dist/components/select/select.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+import "../../style.css";
+const Root = ({ children, placeholder, ...props }) => (_jsxs(SelectPrimitive.Root, { ...props, children: [_jsx(Trigger, { children: _jsx(Value, { placeholder: placeholder }) }), _jsx(Content, { className: "text-gray-dark", children: children })] }));
+Root.displayName = SelectPrimitive.Root.displayName;
+const Group = SelectPrimitive.Group;
+const Value = SelectPrimitive.Value;
+const Trigger = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn(`
+        flex
+        items-center
+        justify-between
+        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
+        data-[placeholder]:text-gray-600
+        data-[placeholder]:italic
+        [&>span]:whitespace-nowrap
+      `, className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] })));
+Trigger.displayName = SelectPrimitive.Trigger.displayName;
+const ScrollUpButton = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) })));
+ScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const ScrollDownButton = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) })));
+ScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const Content = forwardRef(({ className, children, ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg border bg-gray-100 text-popover-foreground shadow-md border-gray-300", className), ...props, children: [_jsx(ScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1.5"), children: children }), _jsx(ScrollDownButton, {})] }) })));
+Content.displayName = SelectPrimitive.Content.displayName;
+const Label = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("px-[25px] text-sm leading-[25px] font-semibold select-none", className), ...props })));
+Label.displayName = SelectPrimitive.Label.displayName;
+const Item = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex h-7 select-none items-center rounded-sm pl-[25px] pr-[35px] leading-none data-[disabled]:pointer-events-none data-[highlighted]:bg-blue-100 data-[disabled]:opacity-50 data-[highlighted]:text-blue data-[highlighted]:outline-none", className), ...props, children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectPrimitive.ItemIndicator, { className: "absolute left-1.5 inline-flex w-4 items-center justify-center", children: _jsx(CheckIcon, {}) })] })));
+Item.displayName = SelectPrimitive.Item.displayName;
+const Separator = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("m-[5px] h-px bg-gray-300", className), ...props })));
+Separator.displayName = SelectPrimitive.Separator.displayName;
+export { Root, Group, Value, Trigger, Content, Label, Item, Separator, ScrollUpButton, ScrollDownButton, };
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

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

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,11 @@
+declare const dismiss: (id?: number | string) => string | number;
+declare function toast(toastProps: ToastProps): string | number;
+interface ToastProps {
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export { toast, dismiss };

package/dist/components/toast/toast.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toast as sonnerToast } from "sonner";
+import { Button } from "../button/button.js";
+const dismiss = sonnerToast.dismiss;
+function toast(toastProps) {
+    return sonnerToast.custom(() => _jsx(Toast, { ...toastProps }));
+}
+function Toast(props) {
+    const { title, description, action } = props;
+    return (_jsxs("div", { className: "flex rounded-lg bg-gray-100 text-gray-dark shadow-lg border border-gray-200 w-full md:max-w-[364px] items-center py-3 px-4", children: [_jsx("div", { className: "flex flex-1 items-center", children: _jsxs("div", { className: "w-full", children: [_jsx("p", { className: "text-sm font-medium text-gray-900", children: title }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: description })] }) }), _jsx("div", { className: "ml-5 shrink-0 rounded-md text-sm font-medium text-indigo-600 hover:text-indigo-500 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-hidden", children: action && (_jsx(Button, { variant: "text", size: "small", onClick: () => {
+                        action.onClick();
+                    }, children: action.label })) })] }));
+}
+export { toast, dismiss };
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;AAEpC,SAAS,KAAK,CAAC,UAAsB;IACnC,OAAO,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,KAAC,KAAK,OAAK,UAAU,GAAI,CAAC,CAAC;AAC7D,CAAC;AAWD,SAAS,KAAK,CAAC,KAAiB;IAC9B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,eAAK,SAAS,EAAC,4HAA4H,aACzI,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,QAAQ,aACrB,YAAG,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAK,EAC5D,YAAG,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAK,IACvD,GACF,EACN,cAAK,SAAS,EAAC,gKAAgK,YAC5K,MAAM,IAAI,CACT,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,OAAO,EAAE,CAAC;oBACnB,CAAC,YAEA,MAAM,CAAC,KAAK,GACN,CACV,GACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * as Button from "./components/button/button.js";
+export * as Checkbox from "./components/checkbox/checkbox.js";
+export * as FormField from "./components/form-field/form-field.js";
+export * as Input from "./components/input/input.js";
+export * as Select from "./components/select/select.js";
+export * as Toast from "./components/toast/toast.js";

package/dist/index.js

@@ -0,0 +1,7 @@
+export * as Button from "./components/button/button.js";
+export * as Checkbox from "./components/checkbox/checkbox.js";
+export * as FormField from "./components/form-field/form-field.js";
+export * as Input from "./components/input/input.js";
+export * as Select from "./components/select/select.js";
+export * as Toast from "./components/toast/toast.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AACxD,OAAO,KAAK,QAAQ,MAAM,mCAAmC,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/theme.css

@@ -0,0 +1,177 @@
+@theme {
+  --font-sans: "Tee Franklin", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-serif: "EB Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+
+  /* Disable Tailwind colors */
+  --color-*: initial;
+
+  /* Base colors */
+  --color-white: #ffffff;
+  --color-black: #000000;
+
+  --color-gray-50: #fafafa;
+  --color-gray-100: #f2f2ee;
+  --color-gray-200: #e6e6dd;
+  --color-gray-300: #d5d5ce;
+  --color-gray-400: #b9b9ae;
+  --color-gray-500: #8c8c85;
+  --color-gray-600: #696969;
+  --color-gray-700: #535455;
+  --color-gray-800: #444547;
+  --color-gray-900: #333538;
+  --color-gray-950: #222224;
+
+  --color-bluegray-50: #f8f9fa;
+  --color-bluegray-100: #e4ebf0;
+  --color-bluegray-200: #ccd7df;
+  --color-bluegray-300: #a2b4c2;
+  --color-bluegray-400: #8ea2b1;
+  --color-bluegray-500: #608199;
+  --color-bluegray-600: #42749d;
+  --color-bluegray-700: #305b7d;
+  --color-bluegray-800: #234a69;
+  --color-bluegray-900: #163a56;
+  --color-bluegray-950: #1c2e3d;
+
+  --color-blue-50: #f4faff;
+  --color-blue-100: #c6def0;
+  --color-blue-200: #a6cdeb;
+  --color-blue-300: #7ab2dc;
+  --color-blue-400: #488ec4;
+  --color-blue-500: #1666a4;
+  --color-blue-600: #064d83;
+  --color-blue-700: #003660;
+  --color-blue-800: #002441;
+  --color-blue-900: #021e35;
+  --color-blue-950: #011729;
+
+  --color-orange-50: #fff9f6;
+  --color-orange-100: #ffd5be;
+  --color-orange-200: #fdac81;
+  --color-orange-300: #f7915b;
+  --color-orange-400: #eb6924;
+  --color-orange-500: #d14800;
+  --color-orange-600: #b9410e;
+  --color-orange-700: #a6451b;
+  --color-orange-800: #8c3712;
+  --color-orange-900: #722a0a;
+  --color-orange-950: #562109;
+
+  --color-red-50: #fff1f1;
+  --color-red-100: #ffd2d2;
+  --color-red-200: #f8a4a4;
+  --color-red-300: #f98181;
+  --color-red-400: #ff5e5e;
+  --color-red-500: #e93d3d;
+  --color-red-600: #d81313;
+  --color-red-700: #ca1d1d;
+  --color-red-800: #b60606;
+  --color-red-900: #a51616;
+  --color-red-950: #760d0d;
+
+  --color-trackergreen-50: #f3fff0;
+  --color-trackergreen-100: #c8eac0;
+  --color-trackergreen-200: #ace59f;
+  --color-trackergreen-300: #95db85;
+  --color-trackergreen-400: #64c74e;
+  --color-trackergreen-500: #41a62a;
+  --color-trackergreen-600: #2a8e14;
+  --color-trackergreen-700: #21750e;
+  --color-trackergreen-800: #114c03;
+  --color-trackergreen-900: #0e3c03;
+  --color-trackergreen-950: #0b3002;
+
+  --color-discovererblue-50: #f3fcff;
+  --color-discovererblue-100: #c3edfc;
+  --color-discovererblue-200: #a0e4fb;
+  --color-discovererblue-300: #7fdfff;
+  --color-discovererblue-400: #4ecffb;
+  --color-discovererblue-500: #00a8e1;
+  --color-discovererblue-600: #0089b8;
+  --color-discovererblue-700: #006c90;
+  --color-discovererblue-800: #005a78;
+  --color-discovererblue-900: #01485f;
+  --color-discovererblue-950: #02303f;
+
+  --color-adventurerorange-50: #fef8f5;
+  --color-adventurerorange-100: #ffd4be;
+  --color-adventurerorange-200: #fdbc98;
+  --color-adventurerorange-300: #f59d6d;
+  --color-adventurerorange-400: #f78546;
+  --color-adventurerorange-500: #e95f13;
+  --color-adventurerorange-600: #cc5411;
+  --color-adventurerorange-700: #b84a0d;
+  --color-adventurerorange-800: #8f390a;
+  --color-adventurerorange-900: #702b05;
+  --color-adventurerorange-950: #542104;
+
+  --color-challengerpink-50: #fff8fb;
+  --color-challengerpink-100: #f0d0de;
+  --color-challengerpink-200: #eeb2cc;
+  --color-challengerpink-300: #e883af;
+  --color-challengerpink-400: #e14488;
+  --color-challengerpink-500: #da005e;
+  --color-challengerpink-600: #b7004f;
+  --color-challengerpink-700: #820038;
+  --color-challengerpink-800: #6d002f;
+  --color-challengerpink-900: #5e032a;
+  --color-challengerpink-950: #470320;
+
+  --color-roveryellow-50: #ffffeb;
+  --color-roveryellow-100: #fffeb3;
+  --color-roveryellow-200: #f9f89d;
+  --color-roveryellow-300: #f2f278;
+  --color-roveryellow-400: #eeed4a;
+  --color-roveryellow-500: #e2e000;
+  --color-roveryellow-600: #d8d600;
+  --color-roveryellow-700: #c9c700;
+  --color-roveryellow-800: #a9a700;
+  --color-roveryellow-900: #8c8b03;
+  --color-roveryellow-950: #626100;
+}
+
+@theme inline {
+  /* Brand colors */
+  --color-blue: var(--color-blue-700);
+  --color-blue-hover: var(--color-blue-500);
+  --color-blue-active: var(--color-blue-800);
+  
+  --color-orange: var(--color-orange-500);
+  --color-orange-hover: var(--color-orange-700);
+  --color-orange-active: var(--color-orange-800);
+  
+  --color-orange: var(--color-orange-500);
+  --color-orange-hover: var(--color-orange-700);
+  --color-orange-active: var(--color-orange-800);
+
+  --color-gray-dark: var(--color-gray-800);
+
+  /* Utility colors */
+  --color-red: var(--color-red-500);
+  --color-red-hover: var(--color-red-700);
+  --color-red-active: var(--color-red-900);
+
+  --color-gray: var(--color-gray-600);
+  --color-gray-light: var(--color-gray-200);
+
+  /* Age group colors */
+  --color-trackergreen: var(--color-trackergreen-500);
+  --color-trackergreen-hover: var(--color-trackergreen-700);
+  --color-trackergreen-active: var(--color-trackergreen-800);
+  
+  --color-discovererblue: var(--color-discovererblue-500);
+  --color-discovererblue-hover: var(--color-discovererblue-700);
+  --color-discovererblue-active: var(--color-discovererblue-800);
+
+  --color-adventurerorange: var(--color-adventurerorange-500);
+  --color-adventurerorange-hover: var(--color-adventurerorange-700);
+  --color-adventurerorange-active: var(--color-adventurerorange-800);
+
+  --color-challengerpink: var(--color-challengerpink-500);
+  --color-challengerpink-hover: var(--color-challengerpink-700);
+  --color-challengerpink-active: var(--color-challengerpink-800);
+
+  --color-roveryellow: var(--color-roveryellow-500);
+  --color-roveryellow-hover: var(--color-roveryellow-700);
+  --color-roveryellow-active: var(--color-roveryellow-800);
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@scouterna/ui-react",
+  "version": "0.0.2",
+  "description": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Scouterna/ui.git"
+  },
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "build": "pnpm run build:tsc && pnpm run build:copy",
+    "build:tsc": "tsc -p tsconfig.library.json",
+    "build:copy": "copyfiles -u 1 src/theme.css dist"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "packageManager": "pnpm@10.11.0",
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-select": "2.1.7",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@tailwindcss/vite": "^4.1.7",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "react": "^19.1.0",
+    "sonner": "^2.0.3",
+    "tailwind-merge": "^3.3.0",
+    "tailwindcss": "^4.1.7"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/experimental-addon-test": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@types/react": "^19.1.4",
+    "@vitest/browser": "^3.1.3",
+    "@vitest/coverage-v8": "^3.1.3",
+    "copyfiles": "^2.4.1",
+    "playwright": "^1.52.0",
+    "prop-types": "15.8.1",
+    "storybook": "8.6.14",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.1.3"
+  }
+}