@surfnet/curve-react 0.2.0

package/dist/components/ui/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,138 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CaretRightIcon as r, CheckIcon as i } from "@phosphor-icons/react";
+import { Menu as a } from "@base-ui/react/menu";
+//#region src/components/ui/dropdown-menu/dropdown-menu.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ t(a.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ t(a.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ t(a.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function l({ align: n = "start", alignOffset: r = 0, side: i = "bottom", sideOffset: o = 4, className: s, ...c }) {
+	return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(a.Positioner, {
+		className: "isolate z-50 outline-none",
+		align: n,
+		alignOffset: r,
+		side: i,
+		sideOffset: o,
+		children: /* @__PURE__ */ t(a.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
+			...c
+		})
+	}) });
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ t(a.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function d({ className: n, inset: r, ...i }) {
+	return /* @__PURE__ */ t(a.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": r,
+		className: e("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", n),
+		...i
+	});
+}
+function f({ className: n, inset: r, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ t(a.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": r,
+		"data-variant": i,
+		className: e("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", n),
+		...o
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ t(a.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function m({ className: i, inset: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(a.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": o,
+		className: e("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i),
+		...c,
+		children: [s, /* @__PURE__ */ t(r, { className: "ml-auto" })]
+	});
+}
+function h({ align: n = "start", alignOffset: r = -3, side: i = "right", sideOffset: a = 0, className: o, ...s }) {
+	return /* @__PURE__ */ t(l, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		align: n,
+		alignOffset: r,
+		side: i,
+		sideOffset: a,
+		...s
+	});
+}
+function g({ className: r, children: o, checked: s, inset: c, ...l }) {
+	return /* @__PURE__ */ n(a.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": c,
+		className: e("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		checked: s,
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ t(a.CheckboxItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
+		}), o]
+	});
+}
+function _({ ...e }) {
+	return /* @__PURE__ */ t(a.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function v({ className: r, children: o, inset: s, ...c }) {
+	return /* @__PURE__ */ n(a.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": s,
+		className: e("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		...c,
+		children: [/* @__PURE__ */ t("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ t(a.RadioItemIndicator, { children: /* @__PURE__ */ t(i, {}) })
+		}), o]
+	});
+}
+function y({ className: n, ...r }) {
+	return /* @__PURE__ */ t(a.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("-mx-1 my-1 h-px bg-border", n),
+		...r
+	});
+}
+function b({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-menu';

package/dist/components/ui/dropdown-menu/index.js

@@ -0,0 +1 @@
+import "./dropdown-menu.js";

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

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from '../label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
+    variant?: 'legend' | 'label';
+}): import("react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/field/field.js

@@ -0,0 +1,111 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Label as t } from "../label/label.js";
+import "../label/index.js";
+import { Separator as n } from "../separator/separator.js";
+import "../separator/index.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+//#region src/components/ui/field/field.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ i("fieldset", {
+		"data-slot": "field-set",
+		className: e("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", t),
+		...n
+	});
+}
+function c({ className: t, variant: n = "legend", ...r }) {
+	return /* @__PURE__ */ i("legend", {
+		"data-slot": "field-legend",
+		"data-variant": n,
+		className: e("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
+		...r
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-group",
+		className: e("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", t),
+		...n
+	});
+}
+var u = o("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function d({ className: t, orientation: n = "vertical", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": n,
+		className: e(u({ orientation: n }), t),
+		...r
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-content",
+		className: e("group/field-content flex flex-1 flex-col gap-1 leading-snug", t),
+		...n
+	});
+}
+function p({ className: n, ...r }) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "field-label",
+		className: e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", n),
+		...r
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-label",
+		className: e("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i("p", {
+		"data-slot": "field-description",
+		className: e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
+		...n
+	});
+}
+function g({ children: t, className: r, ...o }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "field-separator",
+		"data-content": !!t,
+		className: e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", r),
+		...o,
+		children: [/* @__PURE__ */ i(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ i("span", {
+			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+			"data-slot": "field-separator-content",
+			children: t
+		})]
+	});
+}
+function _({ className: t, children: n, errors: a, ...o }) {
+	let s = r(() => {
+		if (n) return n;
+		if (!a?.length) return null;
+		let e = [...new Map(a.map((e) => [e?.message, e])).values()];
+		return e?.length == 1 ? e[0]?.message : /* @__PURE__ */ i("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: e.map((e, t) => e?.message && /* @__PURE__ */ i("li", { children: e.message }, t))
+		});
+	}, [n, a]);
+	return s ? /* @__PURE__ */ i("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: e("text-sm font-normal text-destructive", t),
+		...o,
+		children: s
+	}) : null;
+}
+//#endregion
+export { d as Field, f as FieldContent, h as FieldDescription, _ as FieldError, l as FieldGroup, p as FieldLabel, c as FieldLegend, g as FieldSeparator, s as FieldSet, m as FieldTitle };

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

@@ -0,0 +1 @@
+export * from './field';

package/dist/components/ui/field/index.js

@@ -0,0 +1 @@
+import "./field.js";

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

@@ -0,0 +1 @@
+export * from './input';

package/dist/components/ui/input/index.js

@@ -0,0 +1 @@
+import "./input.js";

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
+export { Input };

package/dist/components/ui/input/input.js

@@ -0,0 +1,17 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as n } from "@base-ui/react/input";
+//#region src/components/ui/input/input.tsx
+function r({ className: r, type: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		type: i,
+		"data-slot": "input",
+		className: e("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", r),
+		...a
+	});
+}
+//#endregion
+export { r as Input };

package/dist/components/ui/input-group/index.d.ts

@@ -0,0 +1 @@
+export * from './input-group';

package/dist/components/ui/input-group/index.js

@@ -0,0 +1 @@
+import "./input-group.js";

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

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../button';
+import * as React from 'react';
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: 'button' | 'submit' | 'reset';
+}): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input-group/input-group.js

@@ -0,0 +1,80 @@
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import "../button/index.js";
+import { Input as n } from "../input/input.js";
+import "../input/index.js";
+import { Textarea as r } from "../textarea/textarea.js";
+import "../textarea/index.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+//#region src/components/ui/input-group/input-group.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
+		...n
+	});
+}
+var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function c({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": n,
+		className: e(s({ align: n }), t),
+		onClick: (e) => {
+			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...r
+	});
+}
+var l = a("flex items-center gap-2 text-sm shadow-none", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function u({ className: n, type: r = "button", variant: a = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ i(t, {
+		type: r,
+		"data-size": o,
+		variant: a,
+		className: e(l({ size: o }), n),
+		...s
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", t),
+		...r
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", t),
+		...n
+	});
+}
+//#endregion
+export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };

package/dist/components/ui/label/index.d.ts

@@ -0,0 +1 @@
+export * from './label';

package/dist/components/ui/label/index.js

@@ -0,0 +1 @@
+import "./label.js";

package/dist/components/ui/label/label.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Label({ className, ...props }: React.ComponentProps<'label'>): React.JSX.Element;
+export { Label };

package/dist/components/ui/label/label.js

@@ -0,0 +1,15 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/label/label.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("label", {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
+		...r
+	});
+}
+//#endregion
+export { n as Label };

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

@@ -0,0 +1 @@
+export * from './select';

package/dist/components/ui/select/index.js

@@ -0,0 +1 @@
+import "./select.js";

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

@@ -0,0 +1,16 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { SelectTriggerSizeName } from '@surfnet/curve-contracts';
+import * as React from 'react';
+declare const Select: typeof SelectPrimitive.Root;
+declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
+    size?: SelectTriggerSizeName;
+}): React.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/ui/select/select.js

@@ -0,0 +1,99 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CaretDownIcon as r, CaretUpDownIcon as i, CaretUpIcon as a, CheckIcon as o } from "@phosphor-icons/react";
+import { Select as s } from "@base-ui/react/select";
+//#region src/components/ui/select/select.tsx
+var c = s.Root;
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t(s.Group, {
+		"data-slot": "select-group",
+		className: e("scroll-my-1 p-1", n),
+		...r
+	});
+}
+function u({ className: n, ...r }) {
+	return /* @__PURE__ */ t(s.Value, {
+		"data-slot": "select-value",
+		className: e("flex flex-1 text-left", n),
+		...r
+	});
+}
+function d({ className: r, size: a = "default", children: o, ...c }) {
+	return /* @__PURE__ */ n(s.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": a,
+		className: e("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		...c,
+		children: [o, /* @__PURE__ */ t(s.Icon, { render: /* @__PURE__ */ t(i, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
+	});
+}
+function f({ className: r, children: i, side: a = "bottom", sideOffset: o = 4, align: c = "center", alignOffset: l = 0, alignItemWithTrigger: u = !0, ...d }) {
+	return /* @__PURE__ */ t(s.Portal, { children: /* @__PURE__ */ t(s.Positioner, {
+		side: a,
+		sideOffset: o,
+		align: c,
+		alignOffset: l,
+		alignItemWithTrigger: u,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ n(s.Popup, {
+			"data-slot": "select-content",
+			"data-align-trigger": u,
+			className: e("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
+			...d,
+			children: [
+				/* @__PURE__ */ t(g, {}),
+				/* @__PURE__ */ t(s.List, { children: i }),
+				/* @__PURE__ */ t(_, {})
+			]
+		})
+	}) });
+}
+function p({ className: n, ...r }) {
+	return /* @__PURE__ */ t(s.GroupLabel, {
+		"data-slot": "select-label",
+		className: e("px-2 py-1.5 text-xs text-muted-foreground", n),
+		...r
+	});
+}
+function m({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n(s.Item, {
+		"data-slot": "select-item",
+		className: e("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", r),
+		...a,
+		children: [/* @__PURE__ */ t(s.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children: i
+		}), /* @__PURE__ */ t(s.ItemIndicator, {
+			render: /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ t(o, { className: "pointer-events-none" })
+		})]
+	});
+}
+function h({ className: n, ...r }) {
+	return /* @__PURE__ */ t(s.Separator, {
+		"data-slot": "select-separator",
+		className: e("pointer-events-none -mx-1 my-1 h-px bg-border", n),
+		...r
+	});
+}
+function g({ className: n, ...r }) {
+	return /* @__PURE__ */ t(s.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: e("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", n),
+		...r,
+		children: /* @__PURE__ */ t(a, {})
+	});
+}
+function _({ className: n, ...i }) {
+	return /* @__PURE__ */ t(s.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: e("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", n),
+		...i,
+		children: /* @__PURE__ */ t(r, {})
+	});
+}
+//#endregion
+export { c as Select, f as SelectContent, l as SelectGroup, m as SelectItem, p as SelectLabel, _ as SelectScrollDownButton, g as SelectScrollUpButton, h as SelectSeparator, d as SelectTrigger, u as SelectValue };

package/dist/components/ui/separator/index.d.ts

@@ -0,0 +1 @@
+export * from './separator';

package/dist/components/ui/separator/index.js

@@ -0,0 +1 @@
+import "./separator.js";

package/dist/components/ui/separator/separator.d.ts

@@ -0,0 +1,3 @@
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react").JSX.Element;
+export { Separator };

package/dist/components/ui/separator/separator.js

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as n } from "@base-ui/react/separator";
+//#region src/components/ui/separator/separator.tsx
+function r({ className: r, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ t(n, {
+		"data-slot": "separator",
+		orientation: i,
+		className: e("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", r),
+		...a
+	});
+}
+//#endregion
+export { r as Separator };

package/dist/components/ui/sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './sidebar';

package/dist/components/ui/sidebar/index.js

@@ -0,0 +1 @@
+import "./sidebar.js";

package/dist/components/ui/sidebar/sheet.d.ts

@@ -0,0 +1,14 @@
+import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
+import * as React from 'react';
+declare function Sheet({ ...props }: SheetPrimitive.Root.Props): React.JSX.Element;
+declare function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props): React.JSX.Element;
+declare function SheetClose({ ...props }: SheetPrimitive.Close.Props): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetPrimitive.Popup.Props & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: SheetPrimitive.Description.Props): React.JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };