@contractspec/lib.ui-kit-web 1.57.0 → 1.59.0

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

@@ -0,0 +1,244 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Root, {
+    "data-slot": "select",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Group, {
+    "data-slot": "select-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Value, {
+    "data-slot": "select-value",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV(SelectPrimitive.Icon, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+          className: "size-4 opacity-50"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Content, {
+      "data-slot": "select-content",
+      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 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxDEV(SelectScrollUpButton, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(SelectPrimitive.Viewport, {
+          className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+          children
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Label, {
+    "data-slot": "select-label",
+    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Item, {
+    "data-slot": "select-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: "absolute right-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV(CheckIcon, {
+            className: "size-4"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemText, {
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Separator, {
+    "data-slot": "select-separator",
+    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(ChevronUpIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn2("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),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/atoms/FilterSelect/FilterSelect.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var FilterSelect = ({
+  value,
+  options,
+  onChange,
+  placeholder = "Sélectionner...",
+  label,
+  disabled = false,
+  className = "",
+  showCounts = false
+}) => {
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: `space-y-2 ${className}`,
+    children: [
+      label && /* @__PURE__ */ jsxDEV3(Label2, {
+        className: "text-foreground text-base font-medium",
+        children: label
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Select, {
+        value,
+        onValueChange: onChange,
+        disabled,
+        children: [
+          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+            className: "w-full",
+            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
+              placeholder
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(SelectContent, {
+            className: "bg-background",
+            children: [
+              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                value: "all",
+                children: [
+                  "Tous",
+                  showCounts && /* @__PURE__ */ jsxDEV3("span", {
+                    className: "text-muted-foreground ml-2 text-sm",
+                    children: [
+                      "(",
+                      options.reduce((sum, option) => sum + (option.count || 0), 0),
+                      ")"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              options.map((option) => /* @__PURE__ */ jsxDEV3(SelectItem, {
+                value: option.value,
+                children: /* @__PURE__ */ jsxDEV3("div", {
+                  className: "flex w-full items-center justify-between",
+                  children: [
+                    /* @__PURE__ */ jsxDEV3("span", {
+                      children: option.label
+                    }, undefined, false, undefined, this),
+                    showCounts && option.count !== undefined && /* @__PURE__ */ jsxDEV3("span", {
+                      className: "text-muted-foreground ml-2 text-sm",
+                      children: [
+                        "(",
+                        option.count,
+                        ")"
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, option.value, false, undefined, this))
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+export {
+  FilterSelect
+};

package/dist/browser/ui/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,89 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ui/atoms/LoadingSpinner/LoadingSpinner.tsx
+import { Loader2 } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var sizeClasses = {
+  sm: "h-4 w-4",
+  md: "h-6 w-6",
+  lg: "h-8 w-8",
+  xl: "h-12 w-12"
+};
+var LoadingSpinner = ({
+  size = "md",
+  className,
+  text,
+  fullScreen = false
+}) => {
+  const spinner = /* @__PURE__ */ jsxDEV("div", {
+    className: cn("flex flex-col items-center justify-center gap-2", className),
+    children: [
+      /* @__PURE__ */ jsxDEV(Loader2, {
+        className: cn("text-primary-600 animate-spin", sizeClasses[size])
+      }, undefined, false, undefined, this),
+      text && /* @__PURE__ */ jsxDEV("p", {
+        className: "animate-pulse text-base text-gray-600",
+        children: text
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (fullScreen) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs",
+      children: spinner
+    }, undefined, false, undefined, this);
+  }
+  return spinner;
+};
+var SkeletonLine = ({
+  className
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: cn("h-4 animate-pulse rounded-xs bg-gray-200", className)
+}, undefined, false, undefined, this);
+var SkeletonCard = ({
+  className
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: cn("animate-pulse space-y-3 rounded-lg bg-gray-200 p-4", className),
+  children: [
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-6 w-3/4"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-4 w-full"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-4 w-2/3"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var SkeletonTable = ({
+  rows = 5,
+  cols = 4
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: "space-y-3",
+  children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxDEV("div", {
+    className: "flex space-x-4",
+    children: Array.from({ length: cols }).map((_2, j) => /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "flex-1"
+    }, j, false, undefined, this))
+  }, i, false, undefined, this))
+}, undefined, false, undefined, this);
+export {
+  SkeletonTable,
+  SkeletonLine,
+  SkeletonCard,
+  LoadingSpinner
+};

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

@@ -0,0 +1,89 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ui/atoms/LoadingSpinner/LoadingSpinner.tsx
+import { Loader2 } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var sizeClasses = {
+  sm: "h-4 w-4",
+  md: "h-6 w-6",
+  lg: "h-8 w-8",
+  xl: "h-12 w-12"
+};
+var LoadingSpinner = ({
+  size = "md",
+  className,
+  text,
+  fullScreen = false
+}) => {
+  const spinner = /* @__PURE__ */ jsxDEV("div", {
+    className: cn("flex flex-col items-center justify-center gap-2", className),
+    children: [
+      /* @__PURE__ */ jsxDEV(Loader2, {
+        className: cn("text-primary-600 animate-spin", sizeClasses[size])
+      }, undefined, false, undefined, this),
+      text && /* @__PURE__ */ jsxDEV("p", {
+        className: "animate-pulse text-base text-gray-600",
+        children: text
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (fullScreen) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs",
+      children: spinner
+    }, undefined, false, undefined, this);
+  }
+  return spinner;
+};
+var SkeletonLine = ({
+  className
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: cn("h-4 animate-pulse rounded-xs bg-gray-200", className)
+}, undefined, false, undefined, this);
+var SkeletonCard = ({
+  className
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: cn("animate-pulse space-y-3 rounded-lg bg-gray-200 p-4", className),
+  children: [
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-6 w-3/4"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-4 w-full"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "h-4 w-2/3"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var SkeletonTable = ({
+  rows = 5,
+  cols = 4
+}) => /* @__PURE__ */ jsxDEV("div", {
+  className: "space-y-3",
+  children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxDEV("div", {
+    className: "flex space-x-4",
+    children: Array.from({ length: cols }).map((_2, j) => /* @__PURE__ */ jsxDEV(SkeletonLine, {
+      className: "flex-1"
+    }, j, false, undefined, this))
+  }, i, false, undefined, this))
+}, undefined, false, undefined, this);
+export {
+  SkeletonTable,
+  SkeletonLine,
+  SkeletonCard,
+  LoadingSpinner
+};