@contractspec/lib.ui-kit 1.57.0 → 1.59.0

package/dist/ui/form.d.ts

@@ -1,50 +1,29 @@
-import { Label } from "./label.js";
-import * as React$1 from "react";
-import { View } from "react-native";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react_hook_form0 from "react-hook-form";
-import { ControllerProps, FieldPath, FieldValues, UseFormReturn, useFieldArray, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-
-//#region ui/form.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime0.JSX.Element;
+import * as React from 'react';
+import { View as RNView } from 'react-native';
+import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+import { Label } from './label';
+export { zodResolver } from '@hookform/resolvers/zod';
+export { useForm, type UseFormReturn, useFieldArray } 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: () => {
-  invalid: boolean;
-  isDirty: boolean;
-  isTouched: boolean;
-  isValidating: boolean;
-  error?: react_hook_form0.FieldError;
-  id: string;
-  name: string;
-  formItemId: string;
-  formDescriptionId: string;
-  formMessageId: string;
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
 };
-declare function FormItem({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function FormLabel({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Label>): react_jsx_runtime0.JSX.Element;
-declare function FormControl({
-  asChild,
-  ...props
-}: React$1.ComponentProps<typeof View> & {
-  asChild?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function FormDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
-declare function FormMessage({
-  className,
-  ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type UseFormReturn, useFieldArray, useForm, useFormField, zodResolver };
+declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ asChild, ...props }: React.ComponentProps<typeof RNView> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
 //# sourceMappingURL=form.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","names":[],"sources":["../../ui/form.tsx"],"mappings":";;;;;;;;;cAqBM,IAAA,wBAAI,WAAA,uCAAA,YAAA,EAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,OAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEC,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQjC,YAAA;;;;;UAqBL,gBAAA,CAAA,UAAA;;;;;;;iBAUQ,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAc7D,SAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAc5B,WAAA,CAAA;EACP,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,IAAA;EAC7B,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBQ,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAalE,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7E,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CAYpC;AAED,iBAAS,WAAW,CAAC,EACnB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAkBA;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/dist/ui/form.js

@@ -1,95 +1,151 @@
-'use client';
-
-import { Label } from "./label.js";
-import * as React$1 from "react";
-import { View } from "react-native";
-import * as Slot from "@rn-primitives/slot";
+// @bun
+// ui/label.tsx
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx } from "react/jsx-runtime";
-import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from "react-hook-form";
+import * as LabelPrimitive from "@rn-primitives/label";
+import { Platform } from "react-native";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Label({
+  className,
+  onPress,
+  onLongPress,
+  onPressIn,
+  onPressOut,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
+    className: cn("flex flex-row items-center gap-2 select-none", Platform.select({
+      web: "cursor-default leading-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50"
+    }), disabled && "opacity-50"),
+    onPress,
+    onLongPress,
+    onPressIn,
+    onPressOut,
+    disabled,
+    children: /* @__PURE__ */ jsxDEV(LabelPrimitive.Text, {
+      className: cn("text-foreground text-sm font-medium", Platform.select({ web: "leading-none" }), className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/form.tsx
+import * as React from "react";
+import * as Slot from "@rn-primitives/slot";
+import { View as RNView } from "react-native";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { zodResolver } from "@hookform/resolvers/zod";
-
-//#region ui/form.tsx
-const Form = FormProvider;
-const FormFieldContext = React$1.createContext({});
-const FormField = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
-		value: { name: props.name },
-		children: /* @__PURE__ */ jsx(Controller, { ...props })
-	});
+import { useForm, useFieldArray } from "react-hook-form";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+var Form = FormProvider;
+var FormFieldContext = React.createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxDEV2(FormFieldContext.Provider, {
+    value: { name: props.name },
+    children: /* @__PURE__ */ jsxDEV2(Controller, {
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 };
-const useFormField = () => {
-	const fieldContext = React$1.useContext(FormFieldContext);
-	const itemContext = React$1.useContext(FormItemContext);
-	const { getFieldState } = useFormContext();
-	const formState = useFormState({ name: fieldContext.name });
-	const fieldState = getFieldState(fieldContext.name, formState);
-	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
-	const { id } = itemContext;
-	return {
-		id,
-		name: fieldContext.name,
-		formItemId: `${id}-form-item`,
-		formDescriptionId: `${id}-form-item-description`,
-		formMessageId: `${id}-form-item-message`,
-		...fieldState
-	};
+var useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
 };
-const FormItemContext = React$1.createContext({});
+var FormItemContext = React.createContext({});
 function FormItem({ className, ...props }) {
-	const id = React$1.useId();
-	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
-		value: { id },
-		children: /* @__PURE__ */ jsx("div", {
-			"data-slot": "form-item",
-			className: cn("grid gap-2", className),
-			...props
-		})
-	});
+  const id = React.useId();
+  return /* @__PURE__ */ jsxDEV2(FormItemContext.Provider, {
+    value: { id },
+    children: /* @__PURE__ */ jsxDEV2("div", {
+      "data-slot": "form-item",
+      className: cn2("grid gap-2", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-function FormLabel({ className, ...props }) {
-	const { error, formItemId } = useFormField();
-	return /* @__PURE__ */ jsx(Label, {
-		"data-slot": "form-label",
-		"data-error": !!error,
-		className: cn("data-[error=true]:text-destructive", className),
-		htmlFor: formItemId,
-		...props
-	});
+function FormLabel({
+  className,
+  ...props
+}) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxDEV2(Label, {
+    "data-slot": "form-label",
+    "data-error": !!error,
+    className: cn2("data-[error=true]:text-destructive", className),
+    htmlFor: formItemId,
+    ...props
+  }, undefined, false, undefined, this);
 }
-function FormControl({ asChild = false, ...props }) {
-	const Component = asChild ? Slot.Text : View;
-	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-	return /* @__PURE__ */ jsx(Component, {
-		"data-slot": "form-control",
-		id: formItemId,
-		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-		"aria-invalid": !!error,
-		...props
-	});
+function FormControl({
+  asChild = false,
+  ...props
+}) {
+  const Component = asChild ? Slot.Text : RNView;
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    "data-slot": "form-control",
+    id: formItemId,
+    "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+    "aria-invalid": !!error,
+    ...props
+  }, undefined, false, undefined, this);
 }
 function FormDescription({ className, ...props }) {
-	const { formDescriptionId } = useFormField();
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "form-description",
-		id: formDescriptionId,
-		className: cn("text-muted-foreground text-sm", className),
-		...props
-	});
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxDEV2("p", {
+    "data-slot": "form-description",
+    id: formDescriptionId,
+    className: cn2("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
 function FormMessage({ className, ...props }) {
-	const { error, formMessageId } = useFormField();
-	const body = error ? String(error?.message ?? "") : props.children;
-	if (!body) return null;
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "form-message",
-		id: formMessageId,
-		className: cn("text-destructive text-sm", className),
-		...props,
-		children: body
-	});
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV2("p", {
+    "data-slot": "form-message",
+    id: formMessageId,
+    className: cn2("text-destructive text-sm", className),
+    ...props,
+    children: body
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, zodResolver };
-//# sourceMappingURL=form.js.map
+export {
+  zodResolver,
+  useFormField,
+  useForm,
+  useFieldArray,
+  FormMessage,
+  FormLabel,
+  FormItem,
+  FormField,
+  FormDescription,
+  FormControl,
+  Form
+};

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

@@ -1,30 +1,20 @@
-import * as React$1 from "react";
-import * as react_native0 from "react-native";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _rn_primitives_hover_card0 from "@rn-primitives/hover-card";
-
-//#region ui/hover-card.d.ts
-declare const HoverCard: React$1.ForwardRefExoticComponent<react_native0.ViewProps & {
-  asChild?: boolean;
+import * as HoverCardPrimitive from '@rn-primitives/hover-card';
+import * as React from 'react';
+declare const HoverCard: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
 } & {
-  onOpenChange?: (open: boolean) => void;
-  openDelay?: number;
-  closeDelay?: number;
-} & React$1.RefAttributes<react_native0.View>>;
-declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<Omit<react_native0.PressableProps & React$1.RefAttributes<react_native0.View>, "ref"> & {
-  asChild?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+} & React.RefAttributes<import("react-native").View>>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+    asChild?: boolean;
 } & {
-  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
-  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
-} & React$1.RefAttributes<_rn_primitives_hover_card0.TriggerRef>>;
-declare function HoverCardContent({
-  className,
-  align,
-  sideOffset,
-  ...props
-}: _rn_primitives_hover_card0.ContentProps & {
-  ref?: React$1.RefObject<_rn_primitives_hover_card0.ContentRef>;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<import("@rn-primitives/hover-card").TriggerRef>>;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: HoverCardPrimitive.ContentProps & {
+    ref?: React.RefObject<HoverCardPrimitive.ContentRef>;
+}): import("react/jsx-runtime").JSX.Element;
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../ui/hover-card.tsx"],"mappings":";;;;;;cAOM,SAAA,EAAS,OAAA,CAAA,yBAAA,CAA0B,aAAA,CAA1B,SAAA;;;;;;0BAAA,aAAA,CAAA,IAAA;AAAA,cAET,gBAAA,EAAgB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAA6B,aAAA,CAA7B,cAAA,GAAA,OAAA,CAAA,aAAA,CAAA,aAAA,CAAA,IAAA;;;;;;iBAEb,gBAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,0BAAA,CAAmB,YAAA;EACpB,GAAA,GAAM,OAAA,CAAM,SAAA,CAAU,0BAAA,CAAmB,UAAA;AAAA,IAC1C,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../ui/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,SAAS;;;;;;qDAA0B,CAAC;AAE1C,QAAA,MAAM,gBAAgB;;;;;wEAA6B,CAAC;AAEpD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAAG;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;CACtD,2CA0BA;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/ui/hover-card.js

@@ -1,33 +1,58 @@
-import { TextClassContext } from "./text.js";
-import "react";
-import { Platform, StyleSheet } from "react-native";
-import Animated, { FadeIn } from "react-native-reanimated";
+// @bun
+// ui/text.tsx
+import * as Slot from "@rn-primitives/slot";
+import * as React from "react";
+import { Text as RNText } from "react-native";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var TextClassContext = React.createContext(undefined);
+function Text2({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", textClass, className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/hover-card.tsx
 import * as HoverCardPrimitive from "@rn-primitives/hover-card";
-
-//#region ui/hover-card.tsx
-const HoverCard = HoverCardPrimitive.Root;
-const HoverCardTrigger = HoverCardPrimitive.Trigger;
-function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
-	const { open } = HoverCardPrimitive.useRootContext();
-	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(HoverCardPrimitive.Overlay, {
-		style: Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,
-		children: /* @__PURE__ */ jsx(Animated.View, {
-			entering: FadeIn,
-			children: /* @__PURE__ */ jsx(TextClassContext.Provider, {
-				value: "text-popover-foreground",
-				children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
-					align,
-					sideOffset,
-					className: cn("border-border bg-popover shadow-foreground/5 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 web:cursor-auto web:outline-hidden z-50 w-64 rounded-md border p-4 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
-					...props
-				})
-			})
-		})
-	}) });
+import { Platform, StyleSheet } from "react-native";
+import Animated, { FadeIn } from "react-native-reanimated";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  const { open } = HoverCardPrimitive.useRootContext();
+  return /* @__PURE__ */ jsxDEV2(HoverCardPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV2(HoverCardPrimitive.Overlay, {
+      style: Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
+      children: /* @__PURE__ */ jsxDEV2(Animated.View, {
+        entering: FadeIn,
+        children: /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+          value: "text-popover-foreground",
+          children: /* @__PURE__ */ jsxDEV2(HoverCardPrimitive.Content, {
+            align,
+            sideOffset,
+            className: cn2("border-border bg-popover shadow-foreground/5 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 web:cursor-auto web:outline-hidden z-50 w-64 rounded-md border p-4 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
+            ...props
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { HoverCard, HoverCardContent, HoverCardTrigger };
-//# sourceMappingURL=hover-card.js.map
+export {
+  HoverCardTrigger,
+  HoverCardContent,
+  HoverCard
+};

package/dist/ui/icons/Check.d.ts

@@ -1,2 +1,3 @@
-import { Check } from "lucide-react-native";
-export { Check };
+import { Check } from 'lucide-react-native';
+export { Check };
+//# sourceMappingURL=Check.d.ts.map

package/dist/ui/icons/Check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Check.d.ts","sourceRoot":"","sources":["../../../ui/icons/Check.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/ui/icons/Check.js

@@ -1,9 +1,21 @@
-import { iconWithClassName } from "./iconWithClassName.js";
-import { Check } from "lucide-react-native";
+// @bun
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
 
-//#region ui/icons/Check.tsx
+// ui/icons/Check.tsx
+import { Check } from "lucide-react-native";
 iconWithClassName(Check);
-
-//#endregion
-export { Check };
-//# sourceMappingURL=Check.js.map
+export {
+  Check
+};

package/dist/ui/icons/ChevronDown.d.ts

@@ -1,2 +1,3 @@
-import { ChevronDown } from "lucide-react-native";
-export { ChevronDown };
+import { ChevronDown } from 'lucide-react-native';
+export { ChevronDown };
+//# sourceMappingURL=ChevronDown.d.ts.map

package/dist/ui/icons/ChevronDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.d.ts","sourceRoot":"","sources":["../../../ui/icons/ChevronDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIlD,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/icons/ChevronDown.js

@@ -1,9 +1,21 @@
-import { iconWithClassName } from "./iconWithClassName.js";
-import { ChevronDown } from "lucide-react-native";
+// @bun
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
 
-//#region ui/icons/ChevronDown.tsx
+// ui/icons/ChevronDown.tsx
+import { ChevronDown } from "lucide-react-native";
 iconWithClassName(ChevronDown);
-
-//#endregion
-export { ChevronDown };
-//# sourceMappingURL=ChevronDown.js.map
+export {
+  ChevronDown
+};

package/dist/ui/icons/ChevronRight.d.ts

@@ -1,2 +1,3 @@
-import { ChevronRight } from "lucide-react-native";
-export { ChevronRight };
+import { ChevronRight } from 'lucide-react-native';
+export { ChevronRight };
+//# sourceMappingURL=ChevronRight.d.ts.map

package/dist/ui/icons/ChevronRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRight.d.ts","sourceRoot":"","sources":["../../../ui/icons/ChevronRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/ui/icons/ChevronRight.js

@@ -1,9 +1,21 @@
-import { iconWithClassName } from "./iconWithClassName.js";
-import { ChevronRight } from "lucide-react-native";
+// @bun
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
 
-//#region ui/icons/ChevronRight.tsx
+// ui/icons/ChevronRight.tsx
+import { ChevronRight } from "lucide-react-native";
 iconWithClassName(ChevronRight);
-
-//#endregion
-export { ChevronRight };
-//# sourceMappingURL=ChevronRight.js.map
+export {
+  ChevronRight
+};

package/dist/ui/icons/ChevronUp.d.ts

@@ -1,2 +1,3 @@
-import { ChevronUp } from "lucide-react-native";
-export { ChevronUp };
+import { ChevronUp } from 'lucide-react-native';
+export { ChevronUp };
+//# sourceMappingURL=ChevronUp.d.ts.map

package/dist/ui/icons/ChevronUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.d.ts","sourceRoot":"","sources":["../../../ui/icons/ChevronUp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/ui/icons/ChevronUp.js

@@ -1,9 +1,21 @@
-import { iconWithClassName } from "./iconWithClassName.js";
-import { ChevronUp } from "lucide-react-native";
+// @bun
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
 
-//#region ui/icons/ChevronUp.tsx
+// ui/icons/ChevronUp.tsx
+import { ChevronUp } from "lucide-react-native";
 iconWithClassName(ChevronUp);
-
-//#endregion
-export { ChevronUp };
-//# sourceMappingURL=ChevronUp.js.map
+export {
+  ChevronUp
+};