@contractspec/lib.ui-kit 1.57.0 → 1.58.0

package/dist/ui/dropdown-menu.js

@@ -1,110 +1,219 @@
-import { ChevronDown } from "./icons/ChevronDown.js";
-import { TextClassContext } from "./text.js";
-import { Check } from "./icons/Check.js";
-import { ChevronRight } from "./icons/ChevronRight.js";
-import { ChevronUp } from "./icons/ChevronUp.js";
-import "react";
-import { Platform, StyleSheet, Text, View } from "react-native";
+// @bun
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
+
+// ui/icons/ChevronDown.tsx
+import { ChevronDown } from "lucide-react-native";
+iconWithClassName(ChevronDown);
+// 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, jsxs } 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/icons/Check.tsx
+import { Check } from "lucide-react-native";
+iconWithClassName(Check);
+// ui/icons/ChevronUp.tsx
+import { ChevronUp } from "lucide-react-native";
+iconWithClassName(ChevronUp);
+// ui/icons/ChevronRight.tsx
+import { ChevronRight } from "lucide-react-native";
+iconWithClassName(ChevronRight);
+// ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@rn-primitives/dropdown-menu";
-
-//#region ui/dropdown-menu.tsx
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	const { open } = DropdownMenuPrimitive.useSubContext();
-	const Icon = Platform.OS === "web" ? ChevronRight : open ? ChevronUp : ChevronDown;
-	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
-		value: cn("native:text-lg text-primary text-sm select-none", open && "native:text-accent-foreground"),
-		children: /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-			className: cn("native:py-2 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent web:focus:bg-accent flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", open && "bg-accent", inset && "pl-8", className),
-			...props,
-			children: [children, /* @__PURE__ */ jsx(Icon, {
-				size: 18,
-				className: "text-foreground ml-auto"
-			})]
-		})
-	});
+import {
+  Platform,
+  StyleSheet,
+  Text as Text3,
+  View
+} from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { open } = DropdownMenuPrimitive.useSubContext();
+  const Icon = Platform.OS === "web" ? ChevronRight : open ? ChevronUp : ChevronDown;
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: cn2("native:text-lg text-primary text-sm select-none", open && "native:text-accent-foreground"),
+    children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.SubTrigger, {
+      className: cn2("native:py-2 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent web:focus:bg-accent flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", open && "bg-accent", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxDEV2(Icon, {
+          size: 18,
+          className: "text-foreground ml-auto"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuSubContent({ className, ...props }) {
-	const { open } = DropdownMenuPrimitive.useSubContext();
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-		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 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out", className),
-		...props
-	});
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  const { open } = DropdownMenuPrimitive.useSubContext();
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.SubContent, {
+    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 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuContent({ className, overlayClassName, overlayStyle, portalHost, ...props }) {
-	const { open } = DropdownMenuPrimitive.useRootContext();
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
-		hostName: portalHost,
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Overlay, {
-			style: overlayStyle ? StyleSheet.flatten([Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0, overlayStyle]) : Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,
-			className: overlayClassName,
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-				className: cn("border-border bg-popover shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 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
-			})
-		})
-	});
+function DropdownMenuContent({
+  className,
+  overlayClassName,
+  overlayStyle,
+  portalHost,
+  ...props
+}) {
+  const { open } = DropdownMenuPrimitive.useRootContext();
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Portal, {
+    hostName: portalHost,
+    children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Overlay, {
+      style: overlayStyle ? StyleSheet.flatten([
+        Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
+        overlayStyle
+      ]) : Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
+      className: overlayClassName,
+      children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Content, {
+        className: cn2("border-border bg-popover shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 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);
 }
-function DropdownMenuItem({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
-		value: "select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-			className: cn("native:py-2 group active:bg-accent web:cursor-default web:outline-hidden web:hover:bg-accent web:focus:bg-accent relative flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", inset && "pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
-			...props
-		})
-	});
+function DropdownMenuItem({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: "select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground",
+    children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Item, {
+      className: cn2("native:py-2 group active:bg-accent web:cursor-default web:outline-hidden web:hover:bg-accent web:focus:bg-accent relative flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", inset && "pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
-		checked,
-		...props,
-		children: [/* @__PURE__ */ jsx(View, {
-			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
-				size: 14,
-				strokeWidth: 3,
-				className: "text-foreground"
-			}) })
-		}), children]
-	});
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.CheckboxItem, {
+    className: cn2("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV2(Check, {
+            size: 14,
+            strokeWidth: 3,
+            className: "text-foreground"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
 }
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(View, {
-			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(View, { className: "bg-foreground h-2 w-2 rounded-full" }) })
-		}), children]
-	});
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.RadioItem, {
+    className: cn2("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV2(View, {
+            className: "bg-foreground h-2 w-2 rounded-full"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
 }
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-		className: cn("native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-		...props
-	});
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Label, {
+    className: cn2("native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-		className: cn("bg-border -mx-1 my-1 h-px", className),
-		...props
-	});
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(DropdownMenuPrimitive.Separator, {
+    className: cn2("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
 function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Text, {
-		className: cn("native:text-sm text-muted-foreground ml-auto text-xs tracking-widest", className),
-		...props
-	});
+  return /* @__PURE__ */ jsxDEV2(Text3, {
+    className: cn2("native:text-sm text-muted-foreground ml-auto text-xs tracking-widest", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.js.map
+export {
+  DropdownMenuTrigger,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuSub,
+  DropdownMenuShortcut,
+  DropdownMenuSeparator,
+  DropdownMenuRadioItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuPortal,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuGroup,
+  DropdownMenuContent,
+  DropdownMenuCheckboxItem,
+  DropdownMenu
+};

package/dist/ui/empty-state.d.ts

@@ -1,29 +1,16 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region ui/empty-state.d.ts
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
 declare const containerVariants: (props?: ({
-  density?: "default" | "compact" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface EmptyStateProps extends VariantProps<typeof containerVariants> {
-  icon?: React$1.ReactNode;
-  title: React$1.ReactNode;
-  description?: React$1.ReactNode;
-  primaryAction?: React$1.ReactNode;
-  secondaryAction?: React$1.ReactNode;
-  className?: string;
+    density?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateProps extends VariantProps<typeof containerVariants> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    className?: string;
 }
-declare function EmptyState({
-  icon,
-  title,
-  description,
-  primaryAction,
-  secondaryAction,
-  className,
-  density
-}: EmptyStateProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { EmptyState, EmptyStateProps };
+export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/ui/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../ui/empty-state.tsx"],"mappings":";;;;;;cAQM,iBAAA,GAAiB,KAAA;;IAUrB,+BAAA,CAAA,SAAA;AAAA,UAEe,eAAA,SAAwB,YAAA,QAChC,iBAAA;EAEP,IAAA,GAAO,OAAA,CAAM,SAAA;EACb,KAAA,EAAO,OAAA,CAAM,SAAA;EACb,WAAA,GAAc,OAAA,CAAM,SAAA;EACpB,aAAA,GAAgB,OAAA,CAAM,SAAA;EACtB,eAAA,GAAkB,OAAA,CAAM,SAAA;EACxB,SAAA;AAAA;AAAA,iBAGc,UAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;EACA,SAAA;EACA;AAAA,GACC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CACnD,OAAO,iBAAiB,CACzB;IACC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,GACR,EAAE,eAAe,2CA6BjB"}