@btst/stack 1.4.0 → 1.5.0

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared → ui/src/components}/page-layout.cjs

@@ -1,7 +1,8 @@
+"use client";
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils = require('../../../utils.cjs');
+const utils = require('../lib/utils.cjs');
 
 function PageLayout({
   children,

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared → ui/src/components}/page-layout.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import { cn } from '../../../utils.mjs';
+import { cn } from '../lib/utils.mjs';
 
 function PageLayout({
   children,

package/dist/packages/ui/src/components/page-wrapper.cjs

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const pageLayout = require('./page-layout.cjs');
+const betterStackAttribution = require('./better-stack-attribution.cjs');
+
+function PageWrapper({
+  children,
+  className,
+  testId,
+  showAttribution = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(pageLayout.PageLayout, { className, "data-testid": testId, children }),
+    showAttribution && /* @__PURE__ */ jsxRuntime.jsx(betterStackAttribution.BetterStackAttribution, {})
+  ] });
+}
+
+exports.PageWrapper = PageWrapper;

package/dist/packages/ui/src/components/page-wrapper.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { PageLayout } from './page-layout.mjs';
+import { BetterStackAttribution } from './better-stack-attribution.mjs';
+
+function PageWrapper({
+  children,
+  className,
+  testId,
+  showAttribution = true
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PageLayout, { className, "data-testid": testId, children }),
+    showAttribution && /* @__PURE__ */ jsx(BetterStackAttribution, {})
+  ] });
+}
+
+export { PageWrapper };

package/dist/packages/ui/src/components/popover.cjs

@@ -0,0 +1,41 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.cjs');
+const utils = require('../lib/utils.cjs');
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: utils.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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/packages/ui/src/components/popover.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Root as Root2, Trigger, Portal, Content as Content2 } from '../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.mjs';
+import { cn } from '../lib/utils.mjs';
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Root2, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Content2,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+export { Popover, PopoverContent, PopoverTrigger };

package/dist/packages/ui/src/components/radio-group.cjs

@@ -0,0 +1,48 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@19.2.3_@types_react@19.2.6__@types_r_e0d4db654009398ea41c8e459eeae4ee/node_modules/@radix-ui/react-radio-group/dist/index.cjs');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Root,
+    {
+      "data-slot": "radio-group",
+      className: utils.cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: utils.cn(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/packages/ui/src/components/radio-group.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Root as Root2, Item as Item2, Indicator } from '../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@19.2.3_@types_react@19.2.6__@types_r_e0d4db654009398ea41c8e459eeae4ee/node_modules/@radix-ui/react-radio-group/dist/index.mjs';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Root2,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Item2,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+
+export { RadioGroup, RadioGroupItem };

package/dist/packages/ui/src/components/separator.cjs

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-separator@1.1.8_@types_react-dom@19.2.3_@types_react@19.2.6__@types_rea_8aae318b88145540882c32de0262377a/node_modules/@radix-ui/react-separator/dist/index.cjs');
+const utils = require('../lib/utils.cjs');
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: utils.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
+    }
+  );
+}
+
+exports.Separator = Separator;

package/dist/packages/ui/src/components/separator.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Root } from '../../../../node_modules/.pnpm/@radix-ui_react-separator@1.1.8_@types_react-dom@19.2.3_@types_react@19.2.6__@types_rea_8aae318b88145540882c32de0262377a/node_modules/@radix-ui/react-separator/dist/index.mjs';
+import { cn } from '../lib/utils.mjs';
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    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
+    }
+  );
+}
+
+export { Separator };

package/dist/packages/ui/src/components/table.cjs

@@ -0,0 +1,89 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: utils.cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: utils.cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: utils.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: utils.cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: utils.cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: utils.cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/packages/ui/src/components/table.mjs

@@ -0,0 +1,82 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.mjs';
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/packages/ui/src/components/ui/auto-form/common/label.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../../form.cjs');
+const utils = require('../../../../lib/utils.cjs');
+
+function AutoFormLabel({
+  label,
+  isRequired,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(form.FormLabel, { className: utils.cn(className), children: [
+    label,
+    isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: " *" })
+  ] }) });
+}
+
+module.exports = AutoFormLabel;

package/dist/packages/ui/src/components/ui/auto-form/common/label.mjs

@@ -0,0 +1,16 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { FormLabel } from '../../../form.mjs';
+import { cn } from '../../../../lib/utils.mjs';
+
+function AutoFormLabel({
+  label,
+  isRequired,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FormLabel, { className: cn(className), children: [
+    label,
+    isRequired && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+  ] }) });
+}
+
+export { AutoFormLabel as default };

package/dist/packages/ui/src/components/ui/auto-form/common/tooltip.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+
+function AutoFormTooltip({ fieldConfigItem }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fieldConfigItem?.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-white", children: fieldConfigItem.description }) });
+}
+
+module.exports = AutoFormTooltip;

package/dist/packages/ui/src/components/ui/auto-form/common/tooltip.mjs

@@ -0,0 +1,7 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function AutoFormTooltip({ fieldConfigItem }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: fieldConfigItem?.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-white", children: fieldConfigItem.description }) });
+}
+
+export { AutoFormTooltip as default };

package/dist/packages/ui/src/components/ui/auto-form/config.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const checkbox = require('./fields/checkbox.cjs');
+const date = require('./fields/date.cjs');
+const _enum = require('./fields/enum.cjs');
+const file = require('./fields/file.cjs');
+const input = require('./fields/input.cjs');
+const number = require('./fields/number.cjs');
+const radioGroup = require('./fields/radio-group.cjs');
+const _switch = require('./fields/switch.cjs');
+const textarea = require('./fields/textarea.cjs');
+
+const INPUT_COMPONENTS = {
+  checkbox: checkbox,
+  date: date,
+  select: _enum,
+  radio: radioGroup,
+  switch: _switch,
+  textarea: textarea,
+  number: number,
+  file: file,
+  fallback: input
+};
+const DEFAULT_ZOD_HANDLERS = {
+  // Zod v3 style type names
+  ZodBoolean: "checkbox",
+  ZodDate: "date",
+  ZodEnum: "select",
+  ZodNativeEnum: "select",
+  ZodNumber: "number",
+  // Zod v4 style type names (lowercase, no "Zod" prefix)
+  boolean: "checkbox",
+  date: "date",
+  enum: "select",
+  nativeEnum: "select",
+  number: "number",
+  int: "number",
+  float: "number"
+};
+
+exports.DEFAULT_ZOD_HANDLERS = DEFAULT_ZOD_HANDLERS;
+exports.INPUT_COMPONENTS = INPUT_COMPONENTS;

package/dist/packages/ui/src/components/ui/auto-form/config.mjs

@@ -0,0 +1,39 @@
+import AutoFormCheckbox from './fields/checkbox.mjs';
+import AutoFormDate from './fields/date.mjs';
+import AutoFormEnum from './fields/enum.mjs';
+import AutoFormFile from './fields/file.mjs';
+import AutoFormInput from './fields/input.mjs';
+import AutoFormNumber from './fields/number.mjs';
+import AutoFormRadioGroup from './fields/radio-group.mjs';
+import AutoFormSwitch from './fields/switch.mjs';
+import AutoFormTextarea from './fields/textarea.mjs';
+
+const INPUT_COMPONENTS = {
+  checkbox: AutoFormCheckbox,
+  date: AutoFormDate,
+  select: AutoFormEnum,
+  radio: AutoFormRadioGroup,
+  switch: AutoFormSwitch,
+  textarea: AutoFormTextarea,
+  number: AutoFormNumber,
+  file: AutoFormFile,
+  fallback: AutoFormInput
+};
+const DEFAULT_ZOD_HANDLERS = {
+  // Zod v3 style type names
+  ZodBoolean: "checkbox",
+  ZodDate: "date",
+  ZodEnum: "select",
+  ZodNativeEnum: "select",
+  ZodNumber: "number",
+  // Zod v4 style type names (lowercase, no "Zod" prefix)
+  boolean: "checkbox",
+  date: "date",
+  enum: "select",
+  nativeEnum: "select",
+  number: "number",
+  int: "number",
+  float: "number"
+};
+
+export { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS };

package/dist/packages/ui/src/components/ui/auto-form/dependencies.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+const types = require('./types.cjs');
+
+function resolveDependencies(dependencies, currentFieldName, watch) {
+  let isDisabled = false;
+  let isHidden = false;
+  let isRequired = false;
+  let overrideOptions;
+  const currentFieldValue = watch(currentFieldName);
+  const currentFieldDependencies = dependencies.filter(
+    (dependency) => dependency.targetField === currentFieldName
+  );
+  for (const dependency of currentFieldDependencies) {
+    const watchedValue = watch(dependency.sourceField);
+    const conditionMet = dependency.when(watchedValue, currentFieldValue);
+    switch (dependency.type) {
+      case types.DependencyType.DISABLES:
+        if (conditionMet) {
+          isDisabled = true;
+        }
+        break;
+      case types.DependencyType.REQUIRES:
+        if (conditionMet) {
+          isRequired = true;
+        }
+        break;
+      case types.DependencyType.HIDES:
+        if (conditionMet) {
+          isHidden = true;
+        }
+        break;
+      case types.DependencyType.SETS_OPTIONS:
+        if (conditionMet) {
+          overrideOptions = dependency.options;
+        }
+        break;
+    }
+  }
+  return {
+    isDisabled,
+    isHidden,
+    isRequired,
+    overrideOptions
+  };
+}
+
+module.exports = resolveDependencies;