@contractspec/lib.ui-kit 1.57.0 → 1.58.0

package/dist/browser/ui/atoms/SearchInput/index.js

@@ -0,0 +1,155 @@
+// 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/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/input.tsx
+import { TextInput } from "react-native";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function Input({
+  className,
+  placeholderClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV3(TextInput, {
+    className: cn3("native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm", props.editable === false && "web:cursor-not-allowed opacity-50", className),
+    placeholderClassName: cn3("text-muted-foreground", placeholderClassName),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/atoms/SearchInput/SearchInput.tsx
+import { Search, X } from "lucide-react";
+import { View } from "react-native";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var SearchInput = ({
+  value,
+  onChange,
+  placeholder = "Rechercher...",
+  onClear,
+  disabled = false,
+  className = ""
+}) => {
+  const handleClear = () => {
+    onChange("");
+    onClear?.();
+  };
+  return /* @__PURE__ */ jsxDEV4(View, {
+    className: `relative w-full ${className}`,
+    children: [
+      /* @__PURE__ */ jsxDEV4(View, {
+        className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
+        children: /* @__PURE__ */ jsxDEV4(Search, {
+          className: "text-muted-foreground h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Input, {
+        value,
+        onChange: (e) => onChange(e.nativeEvent.text),
+        placeholder,
+        editable: !disabled,
+        className: "pr-10 pl-10"
+      }, undefined, false, undefined, this),
+      value && /* @__PURE__ */ jsxDEV4(View, {
+        className: "absolute inset-y-0 right-0 flex items-center pr-3",
+        children: /* @__PURE__ */ jsxDEV4(Button, {
+          variant: "ghost",
+          size: "sm",
+          onPress: handleClear,
+          disabled,
+          className: "h-6 w-6 p-0 hover:bg-transparent",
+          children: [
+            /* @__PURE__ */ jsxDEV4(X, {
+              className: "text-muted-foreground hover:text-foreground h-4 w-4"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4(Text2, {
+              className: "sr-only",
+              children: "Effacer la recherche"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+export {
+  SearchInput
+};

package/dist/browser/ui/avatar.js

@@ -0,0 +1,37 @@
+// ui/avatar.tsx
+import * as AvatarPrimitive from "@rn-primitives/avatar";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(AvatarPrimitive.Root, {
+    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AvatarImage({
+  className,
+  alt,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(AvatarPrimitive.Image, {
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(AvatarPrimitive.Fallback, {
+    className: cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  AvatarImage,
+  AvatarFallback,
+  Avatar
+};

package/dist/browser/ui/badge.js

@@ -0,0 +1,28 @@
+// ui/badge.tsx
+import { View } from "react-native";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var badgeVariants = cva("web:inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold web:transition-colors web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary text-primary-foreground web:hover:opacity-80 active:opacity-80",
+      secondary: "border-transparent bg-secondary text-secondary-foreground web:hover:opacity-80 active:opacity-80",
+      destructive: "border-transparent bg-destructive text-destructive-foreground web:hover:opacity-80 active:opacity-80",
+      outline: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({ className, variant, labelClassName, ...props }) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    className: cn(badgeVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  badgeVariants,
+  Badge
+};

package/dist/browser/ui/breadcrumb.js

@@ -0,0 +1,102 @@
+// ui/breadcrumb.tsx
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { Text, View } from "react-native";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsxDEV("nav", {
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    "data-slot": "breadcrumb-list",
+    className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    "data-slot": "breadcrumb-item",
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    "data-slot": "breadcrumb-link",
+    className: cn("hover:text-foreground transition-colors", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbPage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": true,
+    "aria-current": "page",
+    className: cn("text-foreground font-normal", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    role: "presentation",
+    "data-slot": "breadcrumb-separator",
+    "aria-hidden": true,
+    className: cn("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxDEV(ChevronRight, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": true,
+    className: cn("flex size-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV(MoreHorizontal, {
+        className: "size-4"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(View, {
+        className: "sr-only",
+        children: /* @__PURE__ */ jsxDEV(Text, {
+          children: "More"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  BreadcrumbSeparator,
+  BreadcrumbPage,
+  BreadcrumbList,
+  BreadcrumbLink,
+  BreadcrumbItem,
+  BreadcrumbEllipsis,
+  Breadcrumb
+};

package/dist/browser/ui/button.js

@@ -0,0 +1,88 @@
+// 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/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  buttonVariants,
+  buttonTextVariants,
+  Button
+};

package/dist/browser/ui/card.js

@@ -0,0 +1,90 @@
+// 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/card.tsx
+import { 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";
+function Card({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(View, {
+    className: cn2("border-border bg-card shadow-foreground/10 rounded-lg border shadow-2xs", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(View, {
+    className: cn2("flex flex-col gap-y-1.5 p-6", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(Text3, {
+    role: "heading",
+    "aria-level": 3,
+    className: cn2("text-card-foreground text-2xl leading-none font-semibold tracking-tight", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(Text3, {
+    className: cn2("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: "text-card-foreground",
+    children: /* @__PURE__ */ jsxDEV2(View, {
+      className: cn2("p-6 pt-0", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function CardFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(View, {
+    className: cn2("flex flex-row items-center p-6 pt-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  CardTitle,
+  CardHeader,
+  CardFooter,
+  CardDescription,
+  CardContent,
+  Card
+};

package/dist/browser/ui/carousel.js

@@ -0,0 +1,5 @@
+// ui/carousel.tsx
+var carousel = "null";
+export {
+  carousel
+};

package/dist/browser/ui/checkbox.js

@@ -0,0 +1,21 @@
+// ui/checkbox.tsx
+import * as CheckboxPrimitive from "@rn-primitives/checkbox";
+import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { Check } from "lucide-react-native";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(CheckboxPrimitive.Root, {
+  ref,
+  className: cn("web:peer border-primary web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-4 w-4 shrink-0 rounded-xs border disabled:cursor-not-allowed disabled:opacity-50", className),
+  ...props,
+  children: /* @__PURE__ */ jsxDEV(CheckboxPrimitive.Indicator, {
+    className: cn("flex items-center justify-center text-current"),
+    children: /* @__PURE__ */ jsxDEV(Check, {
+      className: "h-4 w-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export {
+  Checkbox
+};

package/dist/browser/ui/collapsible.js

@@ -0,0 +1,10 @@
+// ui/collapsible.tsx
+import * as CollapsiblePrimitive from "@rn-primitives/collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+var CollapsibleContent = CollapsiblePrimitive.Content;
+export {
+  CollapsibleTrigger,
+  CollapsibleContent,
+  Collapsible
+};

package/dist/browser/ui/command.js

@@ -0,0 +1,5 @@
+// ui/command.tsx
+var carousel = "null";
+export {
+  carousel
+};