@pactor-app/ui 0.1.0 → 1.1.0

package/dist/chunk-QWZ23QLS.js

@@ -1,68 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 gap-1.5 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-6",
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  children,
-  ...props
-}) {
-  if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      ButtonPrimitive,
-      {
-        "data-slot": "button",
-        className: cn(buttonVariants({ variant, size, className })),
-        render: children,
-        ...props
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ButtonPrimitive,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props,
-      children
-    }
-  );
-}
-
-export {
-  buttonVariants,
-  Button
-};

package/dist/chunk-XGOTHOI6.js

@@ -1,619 +0,0 @@
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-  Input,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "./chunk-OUTSIJMO.js";
-import {
-  Button
-} from "./chunk-QWZ23QLS.js";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle
-} from "./chunk-57NRUZ5G.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/components/register.ts
-import { Registry } from "@pactor-app/core";
-
-// src/components/components/Alert/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var variantMap = {
-  success: "success",
-  info: "info",
-  warning: "warning",
-  error: "destructive"
-};
-function Alert2({ message, description, variant = "info" }) {
-  return /* @__PURE__ */ jsxs(Alert, { variant: variantMap[variant], children: [
-    message ? /* @__PURE__ */ jsx(AlertTitle, { children: message }) : null,
-    description ? /* @__PURE__ */ jsx(AlertDescription, { children: description }) : null
-  ] });
-}
-
-// src/components/components/Button/index.tsx
-import { Loader2 } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var variantMap2 = {
-  default: "outline",
-  primary: "default",
-  dashed: "outline",
-  link: "link",
-  text: "ghost"
-};
-var sizeMap = {
-  small: "sm",
-  middle: "default",
-  large: "lg"
-};
-function Button2({
-  text,
-  variant = "default",
-  danger,
-  size = "middle",
-  loading,
-  disabled,
-  submit,
-  onClick,
-  children
-}) {
-  const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ jsxs2(
-    Button,
-    {
-      type: submit ? "submit" : "button",
-      variant: danger && !textual ? "destructive" : variantMap2[variant],
-      size: sizeMap[size],
-      disabled: disabled ?? loading,
-      "aria-busy": loading || void 0,
-      onClick: () => onClick?.(),
-      className: cn(
-        variant === "dashed" && "border-dashed",
-        danger && textual && "text-destructive hover:text-destructive"
-      ),
-      children: [
-        loading ? /* @__PURE__ */ jsx2(Loader2, { "aria-hidden": true, className: "animate-spin" }) : null,
-        text ?? children
-      ]
-    }
-  );
-}
-
-// src/components/components/Card/index.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Card2({ title, bordered = true, children }) {
-  return /* @__PURE__ */ jsxs3(
-    Card,
-    {
-      className: cn("gap-4 py-4", !bordered && "border-transparent shadow-none"),
-      children: [
-        title ? /* @__PURE__ */ jsx3(CardHeader, { className: "px-4", children: /* @__PURE__ */ jsx3(CardTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx3(CardContent, { className: "px-4", children })
-      ]
-    }
-  );
-}
-
-// src/components/components/Flex/index.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var gapClass = {
-  small: "gap-2",
-  middle: "gap-4",
-  large: "gap-6"
-};
-var justifyClass = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  "space-between": "justify-between",
-  "space-around": "justify-around",
-  "space-evenly": "justify-evenly"
-};
-var alignClass = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-};
-function Flex({
-  direction = "horizontal",
-  gap,
-  justify,
-  align,
-  children
-}) {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      "data-slot": "flex",
-      className: cn(
-        "flex",
-        direction === "vertical" && "flex-col",
-        typeof gap === "string" && gapClass[gap],
-        justify && justifyClass[justify],
-        align && alignClass[align]
-      ),
-      style: typeof gap === "number" ? { gap } : void 0,
-      children
-    }
-  );
-}
-
-// src/components/components/Form/index.tsx
-import { useRenderer } from "@pactor-app/runtime";
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-
-// src/components/components/Form/context.ts
-import { createContext, useContext } from "react";
-var FormReactContext = createContext(null);
-var FormContextProvider = FormReactContext.Provider;
-function useFormContext() {
-  return useContext(FormReactContext);
-}
-function formItemClass(layout) {
-  switch (layout) {
-    case "horizontal":
-      return "mb-4 flex items-baseline gap-2";
-    case "inline":
-      return "flex items-center gap-2";
-    default:
-      return "mb-4 flex flex-col gap-1.5";
-  }
-}
-
-// src/components/components/Form/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function isEmpty(value) {
-  return value === void 0 || value === null || value === "";
-}
-function Form({
-  name = "default",
-  layout = "vertical",
-  initialValues,
-  children,
-  onSubmit,
-  onValuesChange
-}) {
-  const { context } = useRenderer();
-  const [values, setValues] = useState(() => ({
-    ...initialValues
-  }));
-  const [errors, setErrors] = useState({});
-  const fieldRulesRef = useRef(/* @__PURE__ */ new Map());
-  const mergedInitialFieldsRef = useRef(/* @__PURE__ */ new Set());
-  const setValuesBatch = useCallback((partial) => {
-    setValues((prev) => ({ ...prev, ...partial }));
-  }, []);
-  useEffect(() => {
-    context.forms.register(name, { setValues: setValuesBatch });
-    return () => {
-      context.forms.unregister(name);
-    };
-  }, [context, name, setValuesBatch]);
-  const formContext = useMemo(
-    () => ({
-      inForm: true,
-      layout,
-      values,
-      errors,
-      setValue(name2, value) {
-        const next = { ...values, [name2]: value };
-        setValues(next);
-        setErrors((prev) => {
-          if (!(name2 in prev)) {
-            return prev;
-          }
-          const rest = { ...prev };
-          delete rest[name2];
-          return rest;
-        });
-        onValuesChange?.({ [name2]: value }, next);
-      },
-      setValues: setValuesBatch,
-      registerField(name2, rules, initialValue) {
-        fieldRulesRef.current.set(name2, rules);
-        if (initialValue !== void 0 && !mergedInitialFieldsRef.current.has(name2)) {
-          mergedInitialFieldsRef.current.add(name2);
-          setValues((prev) => ({ ...prev, [name2]: initialValue }));
-        }
-      },
-      unregisterField(name2) {
-        fieldRulesRef.current.delete(name2);
-      }
-    }),
-    [layout, values, errors, onValuesChange, setValuesBatch]
-  );
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    const nextErrors = {};
-    for (const [name2, rules] of fieldRulesRef.current) {
-      for (const rule of rules ?? []) {
-        if (rule.required && isEmpty(values[name2])) {
-          nextErrors[name2] = rule.message ?? context.i18n.t("pactor.form.required");
-          break;
-        }
-      }
-    }
-    setErrors(nextErrors);
-    if (Object.keys(nextErrors).length > 0) {
-      return;
-    }
-    context.state.set("form", values);
-    onSubmit?.(values);
-  };
-  return /* @__PURE__ */ jsx5(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx5(
-    "form",
-    {
-      "data-slot": "form",
-      className: cn(layout === "inline" && "flex flex-wrap items-center gap-3"),
-      onSubmit: handleSubmit,
-      children
-    }
-  ) });
-}
-
-// src/components/components/Grid/index.tsx
-import { Children } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Grid({ columns = 1, gap, children }) {
-  const cols = Math.max(1, columns);
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      "data-slot": "grid",
-      "data-columns": cols,
-      className: "grid",
-      style: {
-        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
-        ...gap !== void 0 ? { gap } : {}
-      },
-      children: Children.map(children, (child, index) => /* @__PURE__ */ jsx6("div", { "data-slot": "grid-item", children: child }, index))
-    }
-  );
-}
-
-// src/components/components/Input/index.tsx
-import { useEffect as useEffect2, useId } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-function Input2({
-  name,
-  label,
-  rules,
-  value,
-  type = "text",
-  placeholder,
-  disabled,
-  onChange
-}) {
-  const form = useFormContext();
-  const controlId = useId();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect2(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  if (inForm && form && name) {
-    const fieldValue = form.values[name];
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs4("div", { "data-slot": "form-item", className: formItemClass(form.layout), children: [
-      label ? /* @__PURE__ */ jsx7(
-        "label",
-        {
-          htmlFor: controlId,
-          className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-          children: label
-        }
-      ) : null,
-      /* @__PURE__ */ jsx7(
-        Input,
-        {
-          id: controlId,
-          type,
-          value: typeof fieldValue === "string" ? fieldValue : "",
-          placeholder,
-          disabled,
-          onChange: (event) => {
-            form.setValue(name, event.target.value);
-            onChange?.(event.target.value);
-          }
-        }
-      ),
-      error ? /* @__PURE__ */ jsx7("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-    ] });
-  }
-  return /* @__PURE__ */ jsx7(
-    Input,
-    {
-      type,
-      value: value ?? "",
-      placeholder,
-      disabled,
-      onChange: (event) => onChange?.(event.target.value)
-    }
-  );
-}
-
-// src/components/components/Page/index.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function Page({ title, children }) {
-  return /* @__PURE__ */ jsxs5("div", { "data-slot": "page", className: "p-6", children: [
-    title ? /* @__PURE__ */ jsx8("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
-    /* @__PURE__ */ jsx8("div", { "data-slot": "page-content", className: "space-y-5", children })
-  ] });
-}
-
-// src/components/components/Select/index.tsx
-import { useI18n } from "@pactor-app/runtime";
-import { useEffect as useEffect3, useId as useId2 } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function Select2({
-  name,
-  label,
-  rules,
-  options = [],
-  value,
-  placeholder,
-  disabled,
-  allowClear,
-  onChange
-}) {
-  const form = useFormContext();
-  const { t } = useI18n();
-  const controlId = useId2();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect3(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const selectedValue = current === void 0 || current === null || current === "" ? null : current;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next ?? void 0);
-    }
-    onChange?.(next ?? void 0);
-  };
-  const select = /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxs6(
-      Select,
-      {
-        items: options,
-        value: selectedValue,
-        onValueChange: handleChange,
-        disabled,
-        name: inForm ? name : void 0,
-        children: [
-          /* @__PURE__ */ jsx9(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx9(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx9(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx9(SelectItem, { value: option.value, children: option.label }, String(option.value))) })
-        ]
-      }
-    ),
-    allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx9(
-      "button",
-      {
-        type: "button",
-        "aria-label": t("pactor.select.clear"),
-        className: "cursor-pointer text-muted-foreground hover:text-foreground",
-        onClick: () => {
-          if (inForm && form && name) {
-            form.setValue(name, void 0);
-          }
-          onChange?.(void 0);
-        },
-        children: "\xD7"
-      }
-    ) : null
-  ] });
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs6("div", { "data-slot": "form-item", className: formItemClass(form.layout), children: [
-      label ? /* @__PURE__ */ jsx9(
-        "label",
-        {
-          htmlFor: controlId,
-          className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-          children: label
-        }
-      ) : null,
-      select,
-      error ? /* @__PURE__ */ jsx9("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-    ] });
-  }
-  return select;
-}
-
-// src/components/components/Statistic/index.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function Statistic({ title, value, precision, suffix }) {
-  const display = typeof value === "number" && precision !== void 0 ? value.toFixed(precision) : value;
-  return /* @__PURE__ */ jsxs7("div", { "data-slot": "statistic", children: [
-    title ? /* @__PURE__ */ jsx10("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
-    /* @__PURE__ */ jsxs7("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
-      display,
-      suffix ? /* @__PURE__ */ jsx10("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
-    ] })
-  ] });
-}
-
-// src/components/components/Table/index.tsx
-import { useI18n as useI18n2, useRenderer as useRenderer2 } from "@pactor-app/runtime";
-import { useState as useState2 } from "react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function renderCellValue(value) {
-  if (value === void 0 || value === null) {
-    return "";
-  }
-  if (typeof value === "object") {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
-function Table2({
-  columns = [],
-  dataSource = [],
-  rowKey = "id",
-  loading,
-  pagination,
-  onChange
-}) {
-  const { renderChildren } = useRenderer2();
-  const { t } = useI18n2();
-  const [current, setCurrent] = useState2(1);
-  const pageSize = pagination === false ? void 0 : pagination?.pageSize;
-  const total = dataSource.length;
-  const pageCount = pageSize !== void 0 && pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
-  const pageRows = pageSize !== void 0 && pageSize > 0 ? dataSource.slice((current - 1) * pageSize, current * pageSize) : dataSource;
-  const goToPage = (page) => {
-    setCurrent(page);
-    onChange?.({ current: page, pageSize, total });
-  };
-  return /* @__PURE__ */ jsxs8("div", { "data-slot": "dsl-table", className: "relative", children: [
-    loading ? /* @__PURE__ */ jsx11(
-      "div",
-      {
-        "data-slot": "table-loading",
-        className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60 text-sm text-muted-foreground",
-        children: t("pactor.table.loading")
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs8(Table, { children: [
-      /* @__PURE__ */ jsx11(TableHeader, { children: /* @__PURE__ */ jsx11(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx11(
-        TableHead,
-        {
-          style: column.width !== void 0 ? { width: column.width } : void 0,
-          children: column.title
-        },
-        column.dataIndex ?? String(index)
-      )) }) }),
-      /* @__PURE__ */ jsx11(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx11(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx11(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx11(
-        "div",
-        {
-          "data-slot": "table-empty",
-          className: "py-8 text-center text-muted-foreground",
-          children: t("pactor.table.empty")
-        }
-      ) }) }) : pageRows.map((row, rowIndex) => {
-        const key = row[rowKey];
-        return /* @__PURE__ */ jsx11(
-          TableRow,
-          {
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx11(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue(
-              column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
-            ) }, column.dataIndex ?? String(columnIndex)))
-          },
-          key === void 0 || key === null ? rowIndex : String(key)
-        );
-      }) })
-    ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx11("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ jsx11(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: page === current ? "default" : "outline",
-          "aria-current": page === current ? "page" : void 0,
-          onClick: () => goToPage(page),
-          children: page
-        },
-        page
-      )
-    ) }) : null
-  ] });
-}
-
-// src/components/components/Tabs/index.tsx
-import { useRenderer as useRenderer3 } from "@pactor-app/runtime";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function Tabs2({ items = [], activeKey, onChange }) {
-  const { renderChildren } = useRenderer3();
-  return /* @__PURE__ */ jsxs9(
-    Tabs,
-    {
-      value: activeKey,
-      defaultValue: activeKey === void 0 ? items[0]?.key : void 0,
-      onValueChange: (key) => onChange?.(key),
-      children: [
-        /* @__PURE__ */ jsx12(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx12(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ jsx12(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
-      ]
-    }
-  );
-}
-
-// src/components/register.ts
-var shadcnComponents = {
-  Page,
-  Grid,
-  Flex,
-  Card: Card2,
-  Button: Button2,
-  Alert: Alert2,
-  Statistic,
-  Tabs: Tabs2,
-  Table: Table2,
-  Form,
-  Input: Input2,
-  Select: Select2
-};
-function registerShadcnComponents(registry) {
-  for (const [type, component] of Object.entries(shadcnComponents)) {
-    registry.register(type, component);
-  }
-}
-function createShadcnComponentRegistry() {
-  const registry = new Registry("ComponentRegistry");
-  registerShadcnComponents(registry);
-  return registry;
-}
-
-export {
-  Alert2 as Alert,
-  Button2 as Button,
-  Card2 as Card,
-  Flex,
-  useFormContext,
-  Form,
-  Grid,
-  Input2 as Input,
-  Page,
-  Select2 as Select,
-  Statistic,
-  Table2 as Table,
-  Tabs2 as Tabs,
-  shadcnComponents,
-  registerShadcnComponents,
-  createShadcnComponentRegistry
-};