@contractspec/lib.ui-kit 1.57.0 → 1.59.0

package/dist/browser/ui/menubar.js

@@ -0,0 +1,225 @@
+// 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 { 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/menubar.tsx
+import * as MenubarPrimitive from "@rn-primitives/menubar";
+import { Platform, 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 MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.Root, {
+    className: cn2("native:h-12 border-border bg-background flex h-10 flex-row items-center gap-x-1 rounded-md border p-1", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  const { value } = MenubarPrimitive.useRootContext();
+  const { value: itemValue } = MenubarPrimitive.useMenuContext();
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.Trigger, {
+    className: cn2("native:h-10 native:px-5 native:py-0 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:focus:bg-accent web:focus:text-accent-foreground flex flex-row items-center rounded-xs px-3 py-1.5 text-sm font-medium", value === itemValue && "bg-accent text-accent-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { open } = MenubarPrimitive.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(MenubarPrimitive.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 MenubarSubContent({
+  className,
+  ...props
+}) {
+  const { open } = MenubarPrimitive.useSubContext();
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.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 MenubarContent({
+  className,
+  portalHost,
+  ...props
+}) {
+  const { value } = MenubarPrimitive.useRootContext();
+  const { value: itemValue } = MenubarPrimitive.useMenuContext();
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.Portal, {
+    hostName: portalHost,
+    children: /* @__PURE__ */ jsxDEV2(MenubarPrimitive.Content, {
+      className: cn2("border-border bg-popover shadow-foreground/5 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", value === itemValue ? "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);
+}
+function MenubarItem({
+  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(MenubarPrimitive.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 MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.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(MenubarPrimitive.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 MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.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(MenubarPrimitive.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 MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.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 MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(MenubarPrimitive.Separator, {
+    className: cn2("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MenubarShortcut({ 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);
+}
+export {
+  MenubarTrigger,
+  MenubarSubTrigger,
+  MenubarSubContent,
+  MenubarSub,
+  MenubarShortcut,
+  MenubarSeparator,
+  MenubarRadioItem,
+  MenubarRadioGroup,
+  MenubarPortal,
+  MenubarMenu,
+  MenubarLabel,
+  MenubarItem,
+  MenubarGroup,
+  MenubarContent,
+  MenubarCheckboxItem,
+  Menubar
+};

package/dist/browser/ui/molecules/Autocomplete/index.js

@@ -0,0 +1,5 @@
+// ui/molecules/Autocomplete/index.tsx
+var autocomplete = "todo";
+export {
+  autocomplete
+};