@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/browser/ui/section.js

@@ -0,0 +1,65 @@
+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/section.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var sectionVariants = cva("", {
+  variants: {
+    width: {
+      container: "container mx-auto",
+      narrow: "mx-auto max-w-3xl",
+      wide: "mx-auto max-w-7xl",
+      fluid: "w-full"
+    },
+    px: {
+      none: "px-0",
+      sm: "px-3",
+      md: "px-4 sm:px-6",
+      lg: "px-4 sm:px-6 lg:px-32"
+    },
+    py: {
+      none: "py-0",
+      sm: "py-6",
+      md: "py-12",
+      lg: "py-20",
+      xl: "py-32"
+    },
+    tone: {
+      plain: "",
+      tint: "bg-muted/50",
+      subtle: "bg-secondary/10"
+    },
+    text: {
+      lg: "text-lg",
+      base: "text-base"
+    }
+  },
+  defaultVariants: {
+    width: "container",
+    px: "lg",
+    py: "lg",
+    tone: "plain",
+    text: "lg"
+  }
+});
+var Section = React.forwardRef(({ as = "section", className, width, px, py, tone, text, ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(sectionVariants({ width, px, py, tone, text }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Section.displayName = "Section";
+export {
+  sectionVariants,
+  Section
+};

package/dist/browser/ui/select.js

@@ -0,0 +1,165 @@
+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);
+}
+export {
+  SelectValue,
+  SelectTrigger,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+  SelectLabel,
+  SelectItem,
+  SelectGroup,
+  SelectContent,
+  Select
+};

package/dist/browser/ui/separator.js

@@ -0,0 +1,30 @@
+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/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SeparatorPrimitive.Root, {
+    "data-slot": "separator",
+    decorative,
+    orientation,
+    className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Separator
+};

package/dist/browser/ui/sheet.js

@@ -0,0 +1,136 @@
+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/sheet.tsx
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Root, {
+    "data-slot": "sheet",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Trigger, {
+    "data-slot": "sheet-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Close, {
+    "data-slot": "sheet-close",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Portal, {
+    "data-slot": "sheet-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Overlay, {
+    "data-slot": "sheet-overlay",
+    className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPortal, {
+    children: [
+      /* @__PURE__ */ jsxDEV(SheetOverlay, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(SheetPrimitive.Content, {
+        "data-slot": "sheet-content",
+        className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxDEV(SheetPrimitive.Close, {
+            className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+            children: [
+              /* @__PURE__ */ jsxDEV(XIcon, {
+                className: "size-4"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "sr-only",
+                children: "Close"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SheetHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "sheet-header",
+    className: cn("flex flex-col gap-1.5 p-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "sheet-footer",
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Title, {
+    "data-slot": "sheet-title",
+    className: cn("text-foreground font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPrimitive.Description, {
+    "data-slot": "sheet-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  SheetTrigger,
+  SheetTitle,
+  SheetHeader,
+  SheetFooter,
+  SheetDescription,
+  SheetContent,
+  SheetClose,
+  Sheet
+};