@contractspec/lib.ui-kit-web 3.7.5 → 3.8.0

package/dist/ui/empty.js

@@ -2,13 +2,13 @@
 var __require = import.meta.require;
 
 // ui/empty.tsx
-import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 function Empty({ className, ...props }) {
   return /* @__PURE__ */ jsxDEV("div", {
     "data-slot": "empty",
-    className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+    className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -22,11 +22,11 @@ function EmptyHeader({
     ...props
   }, undefined, false, undefined, this);
 }
-var emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+var emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-transparent",
-      icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
     }
   },
   defaultVariants: {
@@ -51,7 +51,7 @@ function EmptyTitle({
 }) {
   return /* @__PURE__ */ jsxDEV("div", {
     "data-slot": "empty-title",
-    className: cn("text-lg font-medium tracking-tight", className),
+    className: cn("font-medium text-lg tracking-tight", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -61,7 +61,7 @@ function EmptyDescription({
 }) {
   return /* @__PURE__ */ jsxDEV("p", {
     "data-slot": "empty-description",
-    className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
+    className: cn("text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -71,7 +71,7 @@ function EmptyContent({
 }) {
   return /* @__PURE__ */ jsxDEV("div", {
     "data-slot": "empty-content",
-    className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+    className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/field.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 import { Label } from './label';
 declare function FieldSet({ className, ...props }: React.ComponentPropsWithoutRef<'fieldset'>): import("react/jsx-runtime").JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentPropsWithoutRef<'legend'> & {
@@ -22,4 +22,4 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
         message?: string;
     } | undefined)[];
 }): import("react/jsx-runtime").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

package/dist/ui/field.js

@@ -2,8 +2,8 @@
 var __require = import.meta.require;
 
 // ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Label({
@@ -12,13 +12,13 @@ function Label({
 }) {
   return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
     "data-slot": "label",
-    className: cn("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", className),
+    className: cn("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
     ...props
   }, undefined, false, undefined, this);
 }
 // ui/separator.tsx
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Separator({
@@ -31,14 +31,14 @@ function Separator({
     "data-slot": "separator",
     decorative,
     orientation,
-    className: cn2("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+    className: cn2("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", className),
     ...props
   }, undefined, false, undefined, this);
 }
 // ui/field.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
 import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
+import { cva } from "class-variance-authority";
+import * as React from "react";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
 function FieldSet({
@@ -83,7 +83,7 @@ var fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-
         "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ],
       responsive: [
-        "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto",
+        "@md/field-group:flex-row flex-col @md/field-group:items-center *:w-full @md/field-group:*:w-auto [&>.sr-only]:w-auto",
         "@md/field-group:data-[slot=field-label]:*:flex-auto",
         "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ]
@@ -122,7 +122,7 @@ function FieldLabel({
 }) {
   return /* @__PURE__ */ jsxDEV3(Label, {
     "data-slot": "field-label",
-    className: cn3("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
+    className: cn3("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -132,7 +132,7 @@ function FieldTitle({
 }) {
   return /* @__PURE__ */ jsxDEV3("div", {
     "data-slot": "field-label",
-    className: cn3("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+    className: cn3("flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -142,7 +142,7 @@ function FieldDescription({
 }) {
   return /* @__PURE__ */ jsxDEV3("p", {
     "data-slot": "field-description",
-    className: cn3("text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+    className: cn3("font-normal text-muted-foreground text-sm leading-normal group-has-data-[orientation=horizontal]/field:text-balance", "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -161,7 +161,7 @@ function FieldSeparator({
         className: "absolute inset-0 top-1/2"
       }, undefined, false, undefined, this),
       children && /* @__PURE__ */ jsxDEV3("span", {
-        className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+        className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
         "data-slot": "field-separator-content",
         children
       }, undefined, false, undefined, this)
@@ -197,7 +197,7 @@ function FieldError({
   return /* @__PURE__ */ jsxDEV3("div", {
     role: "alert",
     "data-slot": "field-error",
-    className: cn3("text-destructive text-sm font-normal", className),
+    className: cn3("font-normal text-destructive text-sm", className),
     ...props,
     children: content
   }, undefined, false, undefined, this);

package/dist/ui/form.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
 import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
 export { zodResolver } from '@hookform/resolvers/zod';
-export { useForm, type UseFormReturn, useFieldArray } from 'react-hook-form';
+export { type UseFormReturn, useFieldArray, useForm } from 'react-hook-form';
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
@@ -23,4 +23,4 @@ declare function FormLabel({ className, ...props }: React.ComponentPropsWithoutR
 declare function FormControl({ ...props }: React.ComponentPropsWithoutRef<typeof Slot>): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): import("react/jsx-runtime").JSX.Element;
 declare function FormMessage({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): import("react/jsx-runtime").JSX.Element | null;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/ui/form.js

@@ -2,8 +2,8 @@
 var __require = import.meta.require;
 
 // ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Label({
@@ -12,7 +12,7 @@ function Label({
 }) {
   return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
     "data-slot": "label",
-    className: cn("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", className),
+    className: cn("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -24,8 +24,8 @@ function cn2(...inputs) {
 }
 
 // ui/form.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
 import {
   Controller,
   FormProvider,
@@ -33,7 +33,7 @@ import {
   useFormState
 } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm, useFieldArray } from "react-hook-form";
+import { useFieldArray, useForm } from "react-hook-form";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 var Form = FormProvider;

package/dist/ui/hover-card.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as React from 'react';
 declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/ui/hover-card.js

@@ -2,8 +2,8 @@
 var __require = import.meta.require;
 
 // ui/hover-card.tsx
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function HoverCard({
@@ -34,7 +34,7 @@ function HoverCardContent({
       "data-slot": "hover-card-content",
       align,
       sideOffset,
-      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+      className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", className),
       ...props
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 import { Button } from './button';
 declare function InputGroup({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
@@ -13,4 +13,4 @@ declare function InputGroupButton({ className, type, variant, size, ...props }:
 declare function InputGroupText({ className, ...props }: React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupInput({ className, ...props }: React.ComponentPropsWithoutRef<'input'>): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentPropsWithoutRef<'textarea'>): import("react/jsx-runtime").JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/ui/input-group.js

@@ -2,23 +2,23 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
       default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
       lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
       icon: "size-9"
     }
@@ -57,7 +57,7 @@ function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsxDEV2("input", {
     type,
     "data-slot": "input",
-    className: cn2("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 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 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    className: cn2("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -67,13 +67,13 @@ import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsxDEV3("textarea", {
     "data-slot": "textarea",
-    className: cn3("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+    className: cn3("field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
     ...props
   }, undefined, false, undefined, this);
 }
 // ui/input-group.tsx
-import { cva as cva2 } from "class-variance-authority";
 import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
+import { cva as cva2 } from "class-variance-authority";
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 "use client";
 function InputGroup({
@@ -83,17 +83,17 @@ function InputGroup({
   return /* @__PURE__ */ jsxDEV4("div", {
     "data-slot": "input-group",
     role: "group",
-    className: cn4("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
+    className: cn4("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs outline-none transition-[color,box-shadow] dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] 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-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
     ...props
   }, undefined, false, undefined, this);
 }
-var inputGroupAddonVariants = cva2("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50", {
+var inputGroupAddonVariants = cva2("flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 font-medium text-muted-foreground text-sm 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-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
       "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-      "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
-      "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+      "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+      "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
     }
   },
   defaultVariants: {
@@ -125,11 +125,11 @@ function InputGroupAddon({
     ...props
   }, undefined, false, undefined, this);
 }
-var inputGroupButtonVariants = cva2("text-sm shadow-none flex gap-2 items-center", {
+var inputGroupButtonVariants = cva2("flex items-center gap-2 text-sm shadow-none", {
   variants: {
     size: {
-      xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-      sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
       "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"
     }
@@ -158,7 +158,7 @@ function InputGroupText({
   ...props
 }) {
   return /* @__PURE__ */ jsxDEV4("span", {
-    className: cn4("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+    className: cn4("flex items-center gap-2 text-muted-foreground text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/input-otp.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { OTPInput } from 'input-otp';
+import * as React from 'react';
 declare function InputOTP({ className, containerClassName, ref, ...props }: React.ComponentPropsWithoutRef<typeof OTPInput> & {
     ref?: React.Ref<React.ElementRef<typeof OTPInput>>;
 }): import("react/jsx-runtime").JSX.Element;
@@ -13,4 +13,4 @@ declare function InputOTPSlot({ index, className, ref, ...props }: React.Compone
 declare function InputOTPSeparator({ ref, ...props }: React.ComponentPropsWithoutRef<'div'> & {
     ref?: React.Ref<HTMLDivElement>;
 }): import("react/jsx-runtime").JSX.Element;
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/ui/input-otp.js

@@ -2,10 +2,10 @@
 var __require = import.meta.require;
 
 // ui/input-otp.tsx
-import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as React from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function InputOTP({
@@ -42,14 +42,14 @@ function InputOTPSlot({
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};
   return /* @__PURE__ */ jsxDEV("div", {
     ref,
-    className: cn("border-input relative flex h-10 w-10 items-center justify-center border-y border-r text-base transition-all first:rounded-l-md first:border-l last:rounded-r-md", isActive && "ring-ring ring-offset-background z-10 ring-2", className),
+    className: cn("relative flex h-10 w-10 items-center justify-center border-input border-y border-r text-base transition-all first:rounded-l-md first:border-l last:rounded-r-md", isActive && "z-10 ring-2 ring-ring ring-offset-background", className),
     ...props,
     children: [
       char,
       hasFakeCaret && /* @__PURE__ */ jsxDEV("div", {
         className: "pointer-events-none absolute inset-0 flex items-center justify-center",
         children: /* @__PURE__ */ jsxDEV("div", {
-          className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
+          className: "h-4 w-px animate-caret-blink bg-foreground duration-1000"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]

package/dist/ui/input.js

@@ -8,7 +8,7 @@ function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsxDEV("input", {
     type,
     "data-slot": "input",
-    className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 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 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/label.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
 declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Label };

package/dist/ui/label.js

@@ -2,8 +2,8 @@
 var __require = import.meta.require;
 
 // ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Label({
@@ -12,7 +12,7 @@ function Label({
 }) {
   return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
     "data-slot": "label",
-    className: cn("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", className),
+    className: cn("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/loading-button.js

@@ -2,23 +2,23 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
       default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
       lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
       icon: "size-9"
     }
@@ -51,8 +51,8 @@ function Button({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import { cva as cva2 } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { cva as cva2 } from "class-variance-authority";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 var vStackVariants = cva2("flex flex-col", {
   variants: {
@@ -215,13 +215,13 @@ function Box({
   }, undefined, false, undefined, this);
 }
 // ui/text.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function Text({ className, asChild = false, ...props }) {
   const Component = asChild ? Slot2 : "p";
   return /* @__PURE__ */ jsxDEV3(Component, {
-    className: cn3("text-foreground web:select-text text-base", className),
+    className: cn3("web:select-text text-base text-foreground", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/map/index.d.ts

@@ -1,4 +1,4 @@
 export * from './MapBase';
-export * from './MapMarkers';
 export * from './MapGeoJsonOverlay';
 export * from './MapHeatmapH3';
+export * from './MapMarkers';

package/dist/ui/marketing/FeatureGrid.js

@@ -24,15 +24,15 @@ function FeatureGrid({
         className: "rounded-lg border p-6",
         children: [
           it.icon && /* @__PURE__ */ jsxDEV("div", {
-            className: "text-primary mb-3",
+            className: "mb-3 text-primary",
             children: it.icon
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("h3", {
-            className: "text-lg font-semibold",
+            className: "font-semibold text-lg",
             children: it.title
           }, undefined, false, undefined, this),
           it.description && /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground mt-2 text-base",
+            className: "mt-2 text-base text-muted-foreground",
             children: it.description
           }, undefined, false, undefined, this)
         ]

package/dist/ui/marketing/Hero.js

@@ -2,23 +2,23 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
       default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
       lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
       icon: "size-9"
     }
@@ -70,11 +70,11 @@ function Hero({
     className: cn2("mx-auto max-w-4xl py-16 text-center", className),
     children: [
       /* @__PURE__ */ jsxDEV2("h1", {
-        className: "text-4xl font-bold tracking-tight md:text-5xl",
+        className: "font-bold text-4xl tracking-tight md:text-5xl",
         children: title
       }, undefined, false, undefined, this),
       subtitle && /* @__PURE__ */ jsxDEV2("p", {
-        className: "text-muted-foreground mt-4 text-lg md:text-xl",
+        className: "mt-4 text-lg text-muted-foreground md:text-xl",
         children: subtitle
       }, undefined, false, undefined, this),
       (primaryCta || secondaryCta) && /* @__PURE__ */ jsxDEV2("div", {