import { j as jsxRuntimeExports } from "../../../../../../../_virtual/jsx-runtime.js";
import "react";
import "../../../../../../../node_modules/.pnpm/@formkit_auto-animate@0.8.2/node_modules/@formkit/auto-animate/index.js";
import "../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-hot-toast/dist/index.js";
import { fieldLabel } from "../form-class.js";
import { FieldTitle } from "../field-factory.js";
import { a as c } from "../../../../../../sdk/dist/shared/chunk-QGYZ7CG5.js";
import "../../../../../../sdk/dist/shared/chunk-AFVJZPLS.js";
import "@sinclair/typebox";
import "../../../../../../sdk/dist/shared/chunk-A3GF4PYW.js";
import "../../../../../../sdk/dist/shared/chunk-W33JMRRN.js";
import { Root as C, Trigger as u, Content as g, Group as y, Item as v } from "../../../../../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@19.1.9_@types_react@19.1.13__@types_react@19.1._832fa1fef691e6e9510ada03948dc85c/node_modules/@radix-ui/themes/dist/esm/components/select.js";
const PagePaddingField = (props) => {
  const { currentValue, onChange, title, description, placeholder, schema } = props;
  const onSettingsChange = (newVal) => onChange({ ...currentValue, ...newVal });
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-field", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(FieldTitle, { title, description }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start flex-wrap gap-x-4 gap-y-1", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: fieldLabel, children: "Horizontal padding" }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs(
          C,
          {
            defaultValue: currentValue.horizontal,
            size: "2",
            onValueChange: (value) => onSettingsChange({ horizontal: value }),
            children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx(u, { radius: "large", variant: "ghost" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx(g, { position: "popper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(y, { children: c(schema.properties.horizontal).map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(v, { value: item.const, children: item.title }, item.const)) }) })
            ]
          }
        )
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: fieldLabel, children: "Vertical padding" }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs(
          C,
          {
            defaultValue: currentValue.vertical,
            size: "2",
            onValueChange: (value) => onSettingsChange({ vertical: value }),
            children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx(u, { radius: "large", variant: "ghost" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx(g, { position: "popper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(y, { children: schema.properties.vertical.anyOf.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(v, { value: item.const, children: item.title }, item.const)) }) })
            ]
          }
        )
      ] })
    ] })
  ] });
};
export {
  PagePaddingField
};
//# sourceMappingURL=padding.js.map
